A Mern Stack E-commerce App

Welcome to ShopPoint! ✨

screenshot

Features and Functionalities πŸ˜ƒ

User features

  • Full featured shopping cart
  • Product reviews and ratings
  • Filtering (short by, category, & price range)
  • Account Verification
  • Password Reset (Forget Password)
  • Token based authentication
  • Product search feature
  • User profile with orders
  • Save Cart
  • Delete Cart
  • Choose quantity (No of items to be order)
  • Checkout process (shipping, payment method, etc)
  • Order summary
  • PayPal / credit card integration
  • Database seeder (products, users, reviews, & orders)

New features (Added)

  • Print User orders as pdf
  • Print UserList as pdf
  • Print OrderList as pdf

Admin features

  • Product management
  • User management
  • Order management
  • Order details page
  • Mark orders as delivered option

Tech Stack πŸ’»

API πŸ‘¨β€πŸ’»

Installation ⚑

1. Clone this repo by running the following command :-

 git clone https://github.com/SajidAnTechie/ShopPoint
 cd ShoppingPoint

2. Now install all the required packages(frontend & backend) by running the following commands :-

yarn add
cd client
yarn add

2. Create a config.env file in config folder and add the following

PORT=5000
NODE_ENV=development

MONGO_URI =your mongodb uri

PAYPAL_CLIENT_ID=your paypal client id

FILE_UPLOAD_PATH=./public/uploads/product
FILE_UPLOAD_SIZE=1000000

JWT_SECRET=your key
JWT_EXPIREIN=30d

SEND_GRID_KEY=your sendgrid api key

FROM_EMAIL=your sender email
FROM_NAME=ShoppingPoint

3. Seed Database

# Import data
node seeder -i

# Destroy data
node seeder -d

4. Now start the react and node server by running the following command :-

#Start the server
yarn run dev

#Start the client side app
cd client

yarn start

5. πŸŽ‰ Open your browser and go to https://localhost:3000

Download Details:

Author: SajidAnTechie

Demo: https://shoppoint.herokuapp.com/

Source Code: https://github.com/SajidAnTechie/ShopPoint

#react #reactjs #javascript

A Mern Stack E-commerce App
68.65 GEEK