## Project Structure

client/
├── context/           # Global context providers
├── index.jsx          # Entry point for React application
├── node_modules/      # Installed dependencies
├── public/            # Static assets (images, fonts, etc.)
├── src/
│   ├── assets/         # Additional assets (images, icons, etc.)
│   ├── components/     # Reusable React components
│   │   ├── Card_Book_new.jsx
│   │   ├── Card_Book_of_the_day.jsx
│   │   ├── Card_Popular_books.jsx
│   │   └── Navbar.jsx
│   ├── pages/          # Individual application pages
│   │   ├── Book_detail.jsx
│   │   ├── Bookmark.jsx
│   │   ├── Category.jsx
│   │   ├── History.jsx
│   │   ├── Home.jsx
│   │   ├── Login.jsx
│   │   └── Payment.jsx
│   │   └── Search.jsx
│   ├── App.css         # Global CSS styles
│   ├── App.jsx         # Main React application component
│   ├── index.css       # Additional CSS styles
│   ├── main.jsx        # Entry point for Vite
│   ├── .eslintrc.cjs   # ESLint configuration
│   ├── .gitignore      # Files to ignore in Git
│   └── index.html      # Base HTML template
├── .eslintignore      # Files to ignore for ESLint
├── package-lock.json  # Lock file for installed dependencies
├── package.json       # Project dependencies and scripts
└── README.md          # This file

## Getting Started

1. Install dependencies:

   Bash

   npm install
   
   

   โปรดใช้โค้ดด้วยความระมัดระวัง ดูข้อมูลเพิ่มเติม

   content_copy

2. Start the development server:

   Bash

   npm run dev
   
   

   โปรดใช้โค้ดด้วยความระมัดระวัง ดูข้อมูลเพิ่มเติม

   content_copy

3. Open http://localhost:5173 in your browser.