Skip to content

alicefrsr/e-commerce-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

e-commerce-demo

Fullstack e-commerce built with MERN stack & Redux, following Brad Traversy's ProShop tutorial: https://www.udemy.com/course/mern-ecommerce/

Built to learn: React, Redux, implementing a backend server with Express, setting up a database with MongoDB.

Live demo:

https://e-commerce-demo-proshop.onrender.com/

Functionalities / 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)

User:

Log in/out, search for products, place order, pay (Paypal), view orders, view and update profile, write product reviews.

Admin:

When logged in as admin, user can add and update products, update users and orders, mark ordered as delivered.

Usage

Requirements

Node v14.6+ or you will need to add the "--experimental-modules" flag.

Env Variables

Create a .env file in the root folder and add the following:

NODE_ENV=development
PORT=5000
MONGO_URI=ADD_YOUR_MONGO_URI
JWT_SECRET=ADD_YOUR_SECRET
PAYPAL_CLIENT_ID=ADD_YOUR_PAYPAL_CLIENT_ID

Install Dependencies (frontend & backend)

npm install
cd frontend
npm install

Scripts

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

# Run backend only
npm run server

Build & Deploy

# Create frontend prod 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 Logins

admin@email.com (Admin)
123456

john@email.com (Customer)
123456

jane@email.com (Customer)
123456

License

The MIT License Copyright (c) 2020 Traversy Media https://traversymedia.com

About

Fullstack e-commerce built with MERN stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors