This is a bookstore web application built using the MERN stack (MongoDB, Express.js, Vite.js, Node.js). The project allows users to browse, upload, and manage books in an interactive, user-friendly interface. The application features an intuitive UI with responsive design, enabling a smooth experience across devices.
bookstore/
├── public/ # Public assets
│ ├── favicon.ico # Favicon
│ ├── images/ # Static images
│ └── robots.txt # Robots.txt file
├── src/ # Source code
│ ├── assets/ # App-specific assets (e.g., images, fonts)
│ ├── components/ # Reusable UI components
│ │ ├── Navbar.jsx # Navigation bar
│ │ ├── Footer.jsx # Footer
│ │ └── BookCard.jsx # Book card for displaying books
│ ├── pages/ # Pages of the application
│ │ ├── Home.jsx # Homepage
│ │ ├── Shop.jsx # Shop/Book listing
│ │ ├── About.jsx # About page
│ │ └── Contact.jsx # Contact page
│ ├── layouts/ # Layout components
│ │ └── MainLayout.jsx # Main layout wrapper
│ ├── styles/ # CSS/SCSS files
│ │ ├── globals.css # Global styles
│ │ ├── Navbar.css # Navbar styles
│ │ └── Footer.css # Footer styles
│ ├── utils/ # Utility functions
│ │ └── api.js # API handling
│ ├── App.jsx # Main App component
│ ├── main.jsx # Entry point
│ └── index.css # Entry CSS
├── .gitignore # Git ignore file
├── package.json # NPM dependencies and scripts
├── vite.config.js # Vite configuration
├── README.md # Project documentation
└── yarn.lock / package-lock.json # Lock file➥npm create vite@latest bookstore --template react
➥cd bookstore
➥npm install
CLONE :- git clone
Insall :- npm i Package Name
START :- npm run dev
"axios": "^1.6.8",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-hook-form": "^7.51.1",
"react-hot-toast": "^2.4.1",
"react-router-dom": "^6.22.3",
"react-slick": "^0.30.2",
"slick-carousel": "^1.8.1"PORT
MONGODB_URL