Sagar-Gondage / e-commerse-app

e-commerce platform where user can buy products. Integrated with MongoDB and admin can perform CRUD operations.

<<<<<<< HEAD

first-edit

=======

E Commerce

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

Want to see live preview »

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

E-Commerce is a website where user can buy Fashion products for Men, Women and Children category. This is a Individual Project was build over the span of 2 months.Full Integration of Front-End and Backend Technologies is done. Build with MERN Stack.

Screens ( All screens are responsive)

• Homepage
• Product Listing Page with Filters
• Product Description Page
• Cart Management
• Checkout - Address Management
• Login / Logout
• Signup

🚀 Features

• Login/Signup User Account
• Product Sorting Based on Price, Ratings, Namings
• Product Filters Based on Gender, Category, Grid View
• Products Pagination (Default 6 Products Per Page)
• Products Pagination Change Button (can set 4 products, 6 products or 8 products per page)
• Wishlist Add/Remove Items
• From wishlist to directly Add-to-Cart feature
• Cart Add/Remove Items
• Cart Update Quantities
• Address Management
• Order Summary
• Order details of all ordered item
• Admin Access
• Admin Orders Page
• Admin Products Page

Glimpses of E - Commerce 🙈 :

Getting Started

This project was built using React v 17.0.2, Redux v 4.1.1, Chakra UI, CSS, JavaScript, Rest API, Node JS, Express and MongoDB. 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/Sagar-Gondage/e-commerse-app.git

• Open terminal on your workspace with

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 dependences of the project, run the following command:

cd client

npm install

cd ../

cd server

npm install

To run the application got to the client folder and run the following command:

npm start

Environment Variables

In client folder make sure you create axios instance and deloy the backend for the api. eg `const { default: axios } = require("axios");

export const instance = axios.create({ baseURL: "URLofDeployedBackend", // baseURL: "http://localhost:8080", });`

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

PORT

MONGO_URI

JWT_SECRET

RAZORPAY_KEY_ID

RAZORPAY_SECRET

Tools used on this project

• Visual Studio Code
• create-react-app template
• MongoDB compass

Contact

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

© 2022 Sagar Gondage

Show your support

Give a ⭐️ if you like this project!

521aee1f1299d2556e0aa99440051606020c5592