Skip to content

A full-stack e-commerce platform built with React + Typescript for the frontend and Express + Mysql for the backend. It features separate customer and admin interfaces for managing products, orders, and users. Frontend only deployed πŸ‘‡πŸ»πŸ‘‡πŸ»

Notifications You must be signed in to change notification settings

Ajaynirm/Ecom-Platform

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

32 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Project Name: Ecommerce Platform


Tech Stack

Frontend:

  1. React with TypeScript Zustand for Global state management

  2. Tailwind CSS

Backend:

  1. Express.js
  2. jsonwebtoken (JWT) for authentication (using Cookies)
  3. bcrypt for password hashing
  4. CORS for handling cross-origin requests

Database:

  1. MySQL for RDBMS - mainly for maintaining relationship between tables using Normalisation.

Admin Login credentials for demo:


password : 1234567

πŸ“ Create .env File (in backend/ root directory)

PORT = 11000

JWT_SECRET_KEY = "salt pepper khann"

*DB_HOST = 127.0.0.1

*DB_PORT = 3306

*DB_USER = root

DB_PWD = 12345678

*DATABASE = Ecommerce_database

πŸš€ Project Setup Instructions


Frontend Setup:

  • Cd frontend
  • npm install
  • npm run dev

Backend Setup:


  • Cd backend
  • npm install
  • npm run dev

Database Setup:

  • Create database named Ecommerce_database in mysql workbench software.
  • Add database identity in .env file:
  • DB_HOST= 127.0.0.1
  • DB_PORT=3306
  • DB_USER=root
  • DB_PWD=12345678
  • DATABASE=Ecommerce_database

Start mysql server at your local system …


Features

  • Authentication (Signup, Login, Logout)
  • CRUD operations for products, orders, and customers
  • Pagination, search, and filtering for products

Order History Page mobile order page cart page Admin product management

Add Product page Edit Product Page Delete Product page Admin Customer management

1. Clone the repository

git clone 
cd clonedFolder


### Explanation of Setup Instructions:

1. **Prerequisites**: 
   - ReactJs with Typescript,TailwindCSS, Node.js, Express.Js, MySQL, and Postman.

2. **Run the backend and frontend**: 
   backend 
   - cd backend 
   - npm install
   - npm run dev
  frontend
    - cd frontend 
    - npm install
    - npm run dev

  configure mysql and seed the database with backend/model/schema.text  
    

3. **Testing the API**: 

   ## API Documentation

You can access the full API documentation for this project through Postman:

[API Documentation - Postman]
---
(https://documenter.getpostman.com/view/31840272/2sB2jAanp2)











About

A full-stack e-commerce platform built with React + Typescript for the frontend and Express + Mysql for the backend. It features separate customer and admin interfaces for managing products, orders, and users. Frontend only deployed πŸ‘‡πŸ»πŸ‘‡πŸ»

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published