https://github.com/aayushajs/book-store-frontend
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.
https://github.com/aayushajs/book-store-frontend
html javascript netlify tailwindcss vitejs
Last synced: 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/aayushajs/book-store-frontend
- Owner: Aayushajs
- Created: 2024-11-16T14:18:19.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-01-25T09:05:02.000Z (5 months ago)
- Last Synced: 2025-02-15T01:45:37.515Z (4 months ago)
- Topics: html, javascript, netlify, tailwindcss, vitejs
- Language: JavaScript
- Homepage: https://bookstores-app.netlify.app
- Size: 458 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## BOOK STORE FRONTEND
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.
## Live Demo
➥ Live Demo
## File Structure
```python
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
```
## Install
➥npm create vite@latest bookstore --template react
➥cd bookstore
➥npm install
## Command
CLONE :- git clone
Insall :- npm i Package Name
START :- npm run dev
## Web Logo
## dependency
```python
"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"
```
## .evn
PORT
MONGODB_URL