Skip to content

The Myntra Clone project replicates the fashion e-commerce platform Myntra, featuring user authentication, product listings, detailed product pages, and a cart/checkout system. It provides a responsive design and seamless shopping experience using technologies like React, Node.js, and MongoDB.

Notifications You must be signed in to change notification settings

anusuyasri/myntra-clone

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🛍️ Myntra Clone - Fashion E-Commerce Platform

Welcome to Myntra Clone, a fully responsive fashion e-commerce website that mimics the popular Myntra platform. This clone provides a seamless shopping experience with real-time product listings, user authentication, and a cart/checkout system.

Logo

🌐 Live Demo

https://trand-tide.netlify.app/(Link to live deployment)

Note: The server takes approximately 50 seconds to spin up, so please be patient.

✨ Key Features

  • 🔐 User Authentication:

Secure and efficient sign-up, login, and JWT-based sessions.

  • 🛒 Dynamic Product Listings:

Browse hundreds of stylish outfits, shoes, and accessories across men’s, women’s, and kids’ categories.

  • 📋 Product Details:

View product images, sizes, pricing, detailed descriptions, and reviews.

  • 🛍️ Shopping Cart & Checkout:

Add products to your cart, manage quantities, and experience a smooth checkout process.

  • 📱 Fully Responsive:

Enjoy a flawless shopping experience on any device, whether desktop, tablet, or mobile

📸 Screenshots

myntra-Screenshots1

myntra-Screenshots2

Tech Stack

Client: React, Redux, Bootstrap

Server: Node.js, Express.js

Database: MongoDB, Mongoose

Authentication: JWT (JSON Web Tokens)

🚀 How to Get Started

Follow these steps to set up the project locally:

  1. Fork & Clone the Repository
  npm clone https://github.com/ChandelAnish/myntra-clone.git
  cd myntra-clone
  • Setup Client
  1. Install dependencies for client:
  npm install
  1. Configure Environment Variables for client side. Create a .env file in the client directory with the following details:
VITE_SERVER_URL=http://localhost:5000
# VITE_URL=https://myntra-clone-1-kpwq.onrender.com
  • Setup server
  1. Install dependencies for server:
  npm install
  1. Configure Environment Variables for server. Create a .env file in the server directory of with the following details:
MONGO_URI=your-mongodb-uri
PORT=5000
  1. Run the server:
npm start
  1. Run the Application:
npm run dev
  1. Visit the application: Launch the live server for the home page.

👨‍💻 Contributing

Feel free to fork this repository and contribute by submitting a pull request. For major changes, please open an issue first to discuss what you'd like to change.

  1. Fork the repository
  2. Create a feature branch
  3. Commit your changes
  4. Open a pull request

Please adhere to this project's code of conduct.

💬 Feedback & Support

If you have any feedback, questions, or issues, feel free to reach out or open a GitHub Issue.

For support, feel free to reach out via email at anish8427singh@gmail.com.

About

The Myntra Clone project replicates the fashion e-commerce platform Myntra, featuring user authentication, product listings, detailed product pages, and a cart/checkout system. It provides a responsive design and seamless shopping experience using technologies like React, Node.js, and MongoDB.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.6%
  • Other 0.4%