Skip to content

Moin06-dev/book-store-main

Repository files navigation

📚 Bookstore Application

Welcome to the Bookstore Application! This project is built with React, Vite, and TailwindCSS to provide a seamless and engaging user experience for browsing and purchasing books.

📜 Table of Contents

✨ Features

  • 📖 Browse Books: Discover a wide range of books across various genres.
  • 🛒 Add to Cart: Easily add books to your cart for a smooth shopping experience.
  • 🔄 Order Management: Track and manage your orders effortlessly.
  • 💳 Secure Checkout: Experience a safe and secure checkout process.
  • 📱 Responsive Design: Optimized for both desktop and mobile devices.
  • 🔧 Admin Dashboard: Manage books, view analytics, and handle customer inquiries.

🛠️ Installation

Prerequisites

Make sure you have the following installed:

  • Node.js (v14 or higher)
  • npm (v6 or higher)

Steps

  1. Clone the repository:

    git clone <repository-url>
    cd <repository-directory>
  2. Install dependencies:

    npm install
  3. Install TailwindCSS and PostCSS:

    npm install tailwindcss postcss autoprefixer
  4. Initialize TailwindCSS:

    npx tailwindcss init
  5. Add TailwindCSS to your PostCSS configuration:

    Edit postcss.config.js:

    module.exports = {
      plugins: {
        tailwindcss: {},
        autoprefixer: {},
      },
    }
  6. Configure TailwindCSS:

    Edit tailwind.config.js:

    module.exports = {
      content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'],
      theme: {
        extend: {},
      },
      plugins: [],
    }

Running the Project

To start the development server, run:

npm run dev

The application will be available at http://localhost:5173 (or another port if 5173 is in use).

📂 Project Structure

/project-directory
├── public
│   ├── index.html
│   └── ...
├── src
│   ├── components
│   │   ├── Navbar.jsx
│   │   ├── BookList.jsx
│   │   └── ...
│   ├── pages
│   │   ├── Home.jsx
│   │   ├── Cart.jsx
│   │   └── ...
│   ├── App.jsx
│   ├── index.jsx
│   └── ...
├── tailwind.config.js
├── postcss.config.js
├── package.json
└── ...

📜 License

This project is licensed under the MIT License.

📞 Contact

For any inquiries or feedback, feel free to reach out: