SmartBuy

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

🖥️ Tech Stack

Frontend:

Backend:

Payment Gateway:

Deployed On:

Want to see live preview »

Screens ( All screens are responsive, along with Dark Mode)

• 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
• Order Summary Page

🚀 Features

• Login and Signup User Account
• JWT (Json Web Token) Authentication and BcryptJS Password Hashing
• Product Filters Based on Price, Category, Brand and Rating
• Product Sorting Based on Price, Rating and Discount
• Product Filtering and Sorting works together
• My Orders Section for details of all ordered item
• Wishlist Add and Remove Items
• Cart Add and Remove Items
• Cart Update Quantities
• Address Management
• Order Summary
• Coupons provided for discount
• Razorpay Payment Gateway
• Google Pay Payment Gateway
• Darkmode available

Glimpses of Nike-Clone 🙈 :

Getting Started

This project was built using ReactJs, ReduxJs, Chakra UI, HTML, CSS, JavaScript, Mongo API, Node JS, ExpressJs 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.

Prerequisites

• NPM
• Node JS
• MongoDB

Setup

Using HTTPS

# https://github.com/sonuprasad66/SmartBuy.git

• Open the terminal on your workspace with

cd / SmartBuy

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

To install all the dependencies of the project, run the following command:

cd frontend

npm install

cd ../

cd backend

npm install

To run the application, go to the client folder and run the following command:

npm start

Environment Variables

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

JWT_ACCESS_KEY

MONGO_PATH

Tools used on this project

• Visual Studio Code
• Vite-JS template
• MongoDB Compass
• Razorpay Dashboard to monitor payments

Contact

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

© 2022 Sonu Prasad

Show your support

Give a ⭐️ if you like this project!