/Prefab

Prototype for Azure Developer League 2021

Primary LanguageJavaScript

PrefabMart

Built using React, Redux, NodeJS, MongoDB and Microsoft Azure
Deployed Here: https://prefab-msft.azurewebsites.net/
Prototype For Azure Developer League 2021

Screenshots Screenshot 2021-06-25 130242 image

Features

  • Full featured shopping cart

image

  • Product reviews and ratings

image

  • Top products carousel

image

  • Product pagination

image

  • Product search feature

image

  • User profile with orders

image

  • Admin product management

image

  • Admin Order details page

image

  • Buyer Info received

image

  • Checkout process (shipping, payment method, etc)

image

  • PayPal / credit card integration

image

  • Database seeder (products & users)
  • FAQ Chatbot integration

image

Usage

Env Variables

Create a .env file in then root and add the following

NODE_ENV = development
PORT = 5000
MONGO_URI = your mongodb uri
JWT_SECRET = 'abc123'
PAYPAL_CLIENT_ID = your paypal client id

Install Dependencies (frontend & backend)

npm install
cd frontend
npm install

Run

# 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

Collaborators