Personal Hub for Book Reviews and Article Writing ✍️📚

Welcome to Personal Hub, a modern and responsive React-based website designed for book reviews and article writing. This project is a personal platform with a clean, aesthetic design featuring purple and orange tones.

Author: Methasit-Pun

---

Features 🚀

• 📖 Book Reviews: Share your thoughts on your favorite books.
• 📝 Article Writing: Write and publish articles easily.
• 🎨 Modern Design: Purple and orange tones for a sleek, captivating appearance.
• ⚡ Responsive Layout: Fully responsive for all devices, from desktops to mobile phones.
• 🖱️ Reusable Components: Modular and reusable components like buttons and modals.

---

Installation ⚙️

1. Clone this repository:

   git clone https://github.com/Methasit-Pun/personal-hub.git

2. Navigate into the project directory:

   cd personal-hub

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

The app will be accessible at http://localhost:3000.

---

File Structure 📂

personal-hub/
├── public/
│   ├── favicon.ico    # Custom icon for the site
│   ├── index.html     # Main HTML template
│   └── manifest.json  # Web app manifest
├── src/
│   ├── components/    # Reusable components
│   │   ├── Button.jsx
│   │   ├── Header.jsx
│   │   ├── Footer.jsx
│   │   ├── Modal.jsx
│   │   └── Layout.jsx
│   ├── pages/         # Page components
│   │   ├── Home.jsx
│   │   ├── BookReviews.jsx
│   │   ├── Articles.jsx
│   │   └── Write.jsx
│   ├── routes.js      # Centralized route definitions
│   ├── App.jsx        # Main application component
│   ├── index.js       # React entry point
│   ├── App.css        # Global styles
│   └── index.css      # Base styles
├── .gitignore         # Files to ignore in Git
├── package.json       # Project dependencies and scripts
└── README.md          # Documentation

---

Dependencies 📦

This project uses the following libraries:

• React – A JavaScript library for building user interfaces.
• React Router DOM – Declarative routing for React apps.

---