MAX Fashion Clone is MERN Stack e-commerce web application that allows you to buy clothes & accessories, online with payment gateway integration. It has a variety of categories, just visit the product listing page and you will see all the products, 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.
- Homepage / Landing Page
- Product Listing Page with Filters
- Product Description Page
- Cart Management Page
- Wishlist/Favourites Management Page
- Checkout with Address Management Page
- Login / Logout Page
- Signup Page
- Login and Signup User Account
- JWT (JSON Web Token) Authentication and BcryptJS Password Hashing
- Product Filters Based on Price, Size and Brand
- Product Sorting Based on Price and Name
- Product Filtering and Sorting work together
- Filters persist on page refreshing and pasting URL on new tab
- products can be shared directly via link
- Wishlist Add and Remove Items
- Cart Add and Remove Items
- Cart Update Quantities
- Address Management
- Order Summary
- Coupons are provided for the discount
- Responsive for all type of Media devices
![]() |
|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
MAX5 (for 5% Off)
MAX10 (for 10% Off)
This project was built using React, Redux, Chakra UI, HTML, CSS, JavaScript, Rest API, Node JS, Express and MongoDB with JWT and RazorPay integration. It is an e-commerce web application and for running on your local environment you should follow these guidelines.
- NPM
- Node JS
- MongoDB
The project repository can be found in GitHub link or just clone the project using this command.
Using HTTPS
# git clone https://github.com/Manya7864/MAXFASHION
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
To install all the dependences of the project, run the following command:
cd client/max-fashion-clone
npm install
cd ../../
cd server
npm install
To run the application got to the max-fashion-clone folder and run the following command:
npm start
To run this project, you will need to add the following environment variables to your .env file in server folder
PORT
MONGO_URL
- Visual Studio Code
- MongoDB compass
Give a โญ๏ธ if you like this project!