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.
https://trand-tide.netlify.app/(Link to live deployment)
Note: The server takes approximately 50 seconds to spin up, so please be patient.
- 🔐 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
Client: React, Redux, Bootstrap
Server: Node.js, Express.js
Database: MongoDB, Mongoose
Authentication: JWT (JSON Web Tokens)
Follow these steps to set up the project locally:
- Fork & Clone the Repository
npm clone https://github.com/ChandelAnish/myntra-clone.git
cd myntra-clone
- Setup Client
- Install dependencies for client:
npm install
- 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
- Install dependencies for server:
npm install
- 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
- Run the server:
npm start
- Run the Application:
npm run dev
- Visit the application: Launch the live server for the home page.
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.
- Fork the repository
- Create a feature branch
- Commit your changes
- Open a pull request
Please adhere to this project's code of conduct
.
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 [email protected].