I Built a Full-Stack E-Commerce Website (PERN Stack) – Production Level Project

In this video, I showcase my full-stack production-level E-Commerce web application built using the PERN Stack (PostgreSQL, Express, React, Node.js).

This is a complete real-world system designed for a computer shop e-commerce platform, featuring advanced backend architecture, secure authentication, session-based cart management, and a fully functional admin dashboard.

🚀 Project Overview:
This system includes both public and admin sides with real-world production features.

🛒 Public Side (Customer System):
The public side runs in guest user mode, where each user is identified using a session ID stored in cookies.

Features:
- Browse and search products & accessories
- Add products to cart or purchase directly
- Session-based cart tracking (unique per user)
- Cart identified using secure session ID
- Automatic session expiration after 1 month
- New session generated when user returns

📦 Order & Tracking System:
- Users can place single or multiple orders
- After successful order placement, a unique tracking code is generated

Example:
TRK-20261005-34532

This includes:
- TRK prefix (system identifier)
- Date-based structure (YYYYMMDD)
- Unique cryptographic identifier

📍 Order Tracking Feature:
Users can track orders using email and tracking code.

Tracking page shows:
- Order status
- Purchased products
- Full order details

📧 Email Notifications:
- Automatic order confirmation emails using Nodemailer
- Includes order details + tracking code

🧠 Admin Dashboard (RBAC System):
Roles:
- Super Admin
- Admin
- Manager

Features:
- Dashboard analytics (orders, growth)
- Product management
- Category management
- Order management
- Admin management system

Security:
- JWT authentication
- Token expiry after 1 hour

🏗️ Architecture:
Backend:
- Routes
- Controllers
- Services
- Repository
- Validation (Joi)

Frontend:
- API Layer
- Services Layer
- Hooks
- UI Components
- Utilities

🛠️ Tech Stack:
Frontend:
React, Vite, Material UI, Tailwind CSS, Axios, React Router DOM

Backend:
Node.js, Express, PostgreSQL, JWT, Bcrypt, Joi, Nodemailer, Multer, Cloudinary, UUID, Slugify, Cookie Parser, CORS

🧪 Highlights:
- Session-based cart system
- Role-based admin system
- Secure JWT authentication
- Crypto-based order tracking system
- Clean layered architecture
- Production-level design

🤖 Development:
Built in 2.5 months with:
- Figma UI/UX design
- ERD database design
- AI-assisted development (ChatGPT, Claude)
- Fully manual architecture & logic design

🎯 Outcome:
Improved full-stack engineering, system design, and production-level backend development skills.

Видео I Built a Full-Stack E-Commerce Website (PERN Stack) – Production Level Project канала Harsha Buddika