https://github.com/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://github.com/chandelanish/myntra-clone
bootstrap5 css expressjs nodejs reactjs
Last synced: 10 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/chandelanish/myntra-clone
- Owner: ChandelAnish
- Created: 2024-06-02T11:55:48.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-12T10:51:26.000Z (over 1 year ago)
- Last Synced: 2025-08-28T17:03:58.017Z (10 months ago)
- Topics: bootstrap5, css, expressjs, nodejs, reactjs
- Language: JavaScript
- Homepage: https://trand-tide.netlify.app/
- Size: 6.3 MB
- Stars: 18
- Watchers: 2
- Forks: 36
- Open Issues: 46
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
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.
## 🌐 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
## 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
```bash
npm clone https://github.com/ChandelAnish/myntra-clone.git
cd myntra-clone
```
- **Setup Client**
2. Install dependencies for client:
```bash
npm install
```
3. Configure Environment Variables for client side. Create a .env file in the client directory with the following details:
```bash
VITE_SERVER_URL=http://localhost:5000
# VITE_URL=https://myntra-clone-1-kpwq.onrender.com
```
- **Setup server**
4. Install dependencies for server:
```bash
npm install
```
5. Configure Environment Variables for server. Create a .env file in the server directory of with the following details:
```bash
MONGO_URI=your-mongodb-uri
PORT=5000
```
6. Run the server:
```bash
npm start
```
7. Run the Application:
```bash
npm run dev
```
8. 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.