ECommerce-Full-Stack-Website

I have created a MERN stack ECommerece App which may help small business to go online and provide efficient service to their customers. Small businesses can start this app in an hour and can use to run their own business. This app integrates several API's for payments or to store images online. There is two main parts of this app.

 1). User: Users can create their accounts, place order, can check their order status.
 2). Admin: Admin can do all the user stuff as well as they can view total orders, total sales, total users, total products, create, update, delete products, users and reviews of the product.

Download node and npm

1. Download Node
2. Download Node JS according to your OS.
3. Follow the instructions and it will download Node and npm to your system.

Clone the repo and Setup Config file

1. Go to BackEnd folder and Create Folder name Config.
2. Create config.env file inside this folder.

Setup MongoDB database, Cloudinary and Stripe

1. You need to setup mongodb Atlas account for project to run smoothly. Go through this video to set MongoDB Atlas at 4:50
2. Copy the link that you see in the video at 8:15 and store it.
3. Create Account on Cloudinary
4. Create an Account on Stripe

Write config variables

Go to config.env file and write below variables.

Name	Value
PORT	4000
MONGO_CONNECT_URL	(write an url that you copy from mongodb website. Add your password of mongo in place of )
SERVICE	gmail
MY_EMAIL	(your email)
MY_PASSWORD	(your gmail password)
SMPT_HOST	stmp.gmail.com
GMAIL_PORT	465
SECRET_KEY	(anything that you want to write, but make sure you keep it secret)
JWT_EXPIRE	2d
COOKIE_EXPIRE	2
CLOUDINARY_NAME	(go to your cloudinary account and write your name from cloudinary)
CLOUDINARY_API_KEY	(go to your clodinary account and write your api key)
CLOUDINARY_SECRET_KEY	(go to your cloudinary account and write your secret key)
STRIPE_KEY	(go to your stripe account and write your stripe key)
STRIPE_SECRET_KEY	(go to your stripe account and write your stripe secret key)

Instructions to run

  1). Run "npm install" in the root of the project directory which will install all the node modules.
  2). Run "yarn install" in the frontend folder which install all require modules for React.
  3). Run "yarn run build" in the frontend folder which will create a build directory with a production build of the app.
  4). Run "npm start" in the root directory of the project.
  5). Go to "http://localhost:4000/" to run website locally.
  6). In order to become an "admin", you need to change your role in "userinfos" collection in MongoDB database in userRole field from user to "admin".

Note

You can check the website here.