PCMart

PCMart is a full stack web application that is created with the MERN Stack. It is an e-Commerce app for PC Components, created as a personal side project.

Features

• Uses JSON Web Tokens for authentication
• Uses Redux for global state management
• Uses Toasts for Cart Operations
• Uses React-Spring for animations
• Uses Bootstrap (React-Bootstrap) and Bootstrap icons for styling
• Semi-Responsive (Big Screen and Small Screen Support)

This App is live at https://pcmart.herokuapp.com

Installation

mkdir PCMart
git clone https://github.com/apassan23/PCMart_ecommerce_mern.git PCMart
cd PCMart/
npm install && npm install --prefix client

Configuring MongoDB and JWT

cd PCMart/
mkdir config
touch config/default.json

Open up default.json in a text editor and paste the following:

{
  "mongoURI": "path/to/your/mongoDB/database",
  "jwtSecret": "yourJWTSecret"
}

Running the app

For running both the backend server and the frontend server:

npm run dev

For running only the frontend server:

npm run client

For running the backend server:

npm run server

Open http://localhost:3000 to view it in the browser.