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.
- 📖 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.
Make sure you have the following installed:
- Node.js (v14 or higher)
- npm (v6 or higher)
-
Clone the repository:
git clone <repository-url> cd <repository-directory>
-
Install dependencies:
npm install
-
Install TailwindCSS and PostCSS:
npm install tailwindcss postcss autoprefixer
-
Initialize TailwindCSS:
npx tailwindcss init
-
Add TailwindCSS to your PostCSS configuration:
Edit
postcss.config.js
:module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, }
-
Configure TailwindCSS:
Edit
tailwind.config.js
:module.exports = { content: ['./index.html', './src/**/*.{js,jsx,ts,tsx}'], theme: { extend: {}, }, plugins: [], }
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-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
└── ...
This project is licensed under the MIT License.
For any inquiries or feedback, feel free to reach out:
- GitHub: Moin06-dev
- Email: [email protected]
- LinkedIn: Moinuddin Khan
- Portfolio: Personal Portfolio