This is a Next.js project bootstrapped with create-next-app.

Meesho Clone

It's a MERN Stack E-commerce web application with all the major functionalities

🖥️ Tech Stack

Frontend:

Backend:

Deployed On:

Want to see live preview »

✧ View Demo ✧ Report Bug ✧ Getting Started ✧ Installing ✧ Author ✧

Meesho Clone is MERN Stack e-commerce web application that allows you to buy clothes & beauty products online. It has a variety of categories, just visit the product page and you will see all the product details, apply filters as per your need and in just a few clicks you can buy any products from the website. This project is just for educational purpose.

Screens ( All screens are responsive)

• Homepage / Landing Page
• Product Listing Page with Filters
• Product Description Page
• Cart Management Page
• Checkout with Address Management Page
• Login / Logout Page
• Signup Page
• Order Summary Page
• Admin Panel

🚀 Features

• Login and Signup User Account
• JWT (Json Web Token) Authentication and BcryptJS Password Hashing
• Product Filters Based on Price, Category, Size, Color and Gender
• Product Sorting Based on Price, Rating and Name
• Product Filtering and Sorting works together
• Cart Add and Remove Items
• Cart Update Quantities
• Address Management
• Order Summary

Glimpses of Meesho-Clone 🙈 :

Getting Started

This project was built using Next.js, Redux, Chakra UI, HTML, CSS, JavaScript, Rest API, Node JS, Express and MongoDB with JWT. It is an e-commerce web application and for running on your local environment you should follow these guidelines.

Prerequisites

• NPM
• Node JS
• MongoDB

Setup

The project repository can be found in GitHub link or just clone the project using this command.

Using HTTPS

# git clone https://github.com/AshokPrjapati/Meesho-clone.git

• Open terminal on your workspace with

cd /home/workspace/Meesho-clone

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To confirm that you have MongoDB installed you can run this command in your terminal:

mongo -v

Environment Variables

To run this project, you will need to add the following environment variables to your .env file in backend folder

DB_URL

Tools used on this project

• Visual Studio Code
• MongoDB Atalas

Contact

If you want to contact me, you can reach me through below handles.

© 2023 Ashok Kumar

Show your support

Give a ⭐️ if you like this project!