CheapShop - An E-Commerce Platform

This eCommerce website built using MERN stack and Redux.
Here are the Snapshot of home page of this application.

For more details see screenshot folder above.

Homepage screenshot

Features

• Full featured shopping cart
• Product reviews and ratings
• Top products carousel
• Product pagination
• Product search feature
• User profile with orders
• Admin product management
• Admin user management
• Admin Order details page
• Mark orders as delivered option
• Checkout process (shipping, payment method, etc)
• PayPal / credit card integration
• Database seeder (products & users)

Usage

ES Modules in Node

We use ECMAScript Modules in the backend in this project. Be sure to have at least Node v14.6+ or you will need to add the "--experimental-modules" flag.

Also, when importing a file (not a package), be sure to add .js at the end or you will get a "module not found" error

You can also install and setup Babel if you would like

ENV variables

Create a .env file in the root and add the following into this

NODE_ENV=development
PORT=5000
MONGO_URI= your mongo uri
JWT_SECRET=abc123
PAYPAL_CLIENT_ID= your paypal client id
CLOUDINARY_CLOUD_NAME=your cloudinary cloud name
CLOUDINARY_KEY=cloudinary key
CLOUDINARY_SECRET=cloudinary secret

• Note:- I have used cloudinary for storing images url

Install Dependencies (For frontend and backend)

npm install
cd frontend
npm install

Run

Run frontend (:3000) & backend (:5000)
npm run dev

Run backend only
npm run server

Build and Deploy

Create frontend production build
cd frontend
npm run build

Seed Database

You can use the following commands to seed the database with some sample users and products as well as destroy all data

Import data npm run data:import

Destroy data npm run data:destroy

Sample user login

[email protected] (Admin) Password ( I can't provide )
[email protected] password :amit