Shopping App

Description

This is a personal project, it is an e-commerce app where users can purchase clothes ranging from tops bottoms and hoodies. But this also includes a sellers segment where a seller can add, update or delete a product.

Motivation

Motivation for making this project was that I wanted to learn the operations and the working of the process behind an e-commerce application. And I was also learning TypeScript so this felt like a great project to put that to use.

Interface

Desktop

Home page

Shopping page

Product page

Add product page (seller)

Update product page (seller)

Mobile

Run

Setting up environment

Installing Docker && MongoDB

sudo apt update
sudo apt install curl
curl -fsSL https://get.docker.com/ | sh
docker pull mongo
docker run -d --name=PMS -p 27017:27017 mongo

Create a .env file with these parameters

PORT=5000
CLOUDINARY_NAME=<cloudinary-name>
CLOUDINARY_API_KEY=<cloudinary-api-key>
CLOUDINARY_API_SECRET=<cloudinary-api-secret>
ACCESS_TOKEN=<jwt-access-token>
REFRESH_TOKEN=<jwt-refresh-token>
MONGODB_URI=mongodb://localhost:27017/PMS

Execution

Start server

docker start PMS
cd ./server
yarn start

Start client

cd ./client
yarn dev

Tech Stack

• Frontend
  
• Backend
  
• Database
  
• Tools and Libraries