search

ChandelAnish / myntra-clone

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.
https://trand-tide.netlify.app/
12 stars 30 forks source link
bootstrap5 css expressjs nodejs reactjs

readme

🛍️ 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

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

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

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

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

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

  1. Install dependencies for client:

    npm install

  2. 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

  1. Install dependencies for server:

    npm install

  2. 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

  3. Run the server:

    npm start

  4. Run the Application:

    npm run dev

  5. 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.