<<<<<<< HEAD
=======
✧
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.
- Homepage
- Product Listing Page with Filters
- Product Description Page
- Cart Management
- Checkout - Address Management
- Login / Logout
- Signup
- 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
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.
- 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/Sagar-Gondage/e-commerse-app.git
- Open terminal on your workspace with
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
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
- Visual Studio Code
- create-react-app template
- MongoDB compass
If you want to contact me, you can reach me through below handles.
© 2022 Sagar Gondage
Give a ⭐️ if you like this project!
521aee1f1299d2556e0aa99440051606020c5592