Skip to content

A responsive e-commerce web application, Myntra Clone. Users can browse products, view details, and manage their shopping bag in real time. Built with React and Vite on the frontend, and Node.js with Express on the backend.

Notifications You must be signed in to change notification settings

BharathPadavu/myntra-clone-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Myntra Logo
Myntra Clone - React + Vite + Express


✨ Project Overview

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.


πŸš€ Tech Used

  • βš›οΈ React + Vite for fast and modern UI
  • 🧩 Redux Toolkit for state management
  • 🎨 Bootstrap 5 for responsive design
  • πŸ–₯️ Node.js + Express for backend API

πŸ’‘ Features

  • πŸ›’ 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

🧠 How It Works

  1. The Home Page ("/") displays all items fetched from the backend.
  2. When you click Add to Bag, the item is stored in Redux state.
  3. The Bag Page ("/bag") shows all selected items with total and convenience fee.

βš™οΈ Setup Instructions

# 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:5173

Then open the frontend URL to explore your Myntra Clone πŸ’»


🌐 API Endpoints

Method Endpoint Description
GET /items Fetch all products
GET /items/:id Fetch single product by ID
POST /items Add new product

⚠️ Limitations

  • 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).

🌱 Future Improvements

  • πŸ” Add product search & filter options
  • πŸ” Add user authentication
  • 🧾 Connect with a database (MongoDB)
  • πŸ“± Improve mobile responsiveness

GitHub Profile

⭐ If you like this project, don’t forget to star it on GitHub!

About

A responsive e-commerce web application, Myntra Clone. Users can browse products, view details, and manage their shopping bag in real time. Built with React and Vite on the frontend, and Node.js with Express on the backend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published