A Myntra-style shopping website built with React + Vite on the frontend and Node.js + Express on the backend. It lets users browse products and manage their shopping bag - similar to how an online store works.
- βοΈ React + Vite for fast and modern UI
- π§© Redux Toolkit for state management
- π¨ Bootstrap 5 for responsive design
- π₯οΈ Node.js + Express for backend API
- π Browse all products on the Home page
- π Add or remove items from the Bag page
- π° View total price and convenience fee instantly
- π Live data fetched from backend using Express API
- β‘ Fast and lightweight frontend powered by Vite
- The Home Page ("/") displays all items fetched from the backend.
- When you click Add to Bag, the item is stored in Redux state.
- The Bag Page ("/bag") shows all selected items with total and convenience fee.
# Clone the repo
git clone https://github.com/BharathPadavu/myntra-clone.git
cd myntra-clone-react-main
# Backend setup
cd backend
npm install
npm start # runs on http://localhost:8080
# Frontend setup
cd ../frontend
npm install
npm run dev # runs on http://localhost:5173Then open the frontend URL to explore your Myntra Clone π»
| Method | Endpoint | Description |
|---|---|---|
| GET | /items |
Fetch all products |
| GET | /items/:id |
Fetch single product by ID |
| POST | /items |
Add new product |
- Only two routes available: "/" (Home) and "/bag" (Bag Page).
- Basic demo - no authentication, search, or filters yet.
- Products stored in a JSON file (not a real database).
- π Add product search & filter options
- π Add user authentication
- π§Ύ Connect with a database (MongoDB)
- π± Improve mobile responsiveness
β If you like this project, donβt forget to star it on GitHub!
