Fullstack Hair Care E-Commerce

Sole Developer • Bachelor's Thesis • 2023

A complete dual-portal e-commerce ecosystem (Client + Admin) built with the MERN stack and NestJS. This diploma project focused on building a scalable architecture from scratch, handling everything from database design to automated testing.

System Architecture

Database Schema Diagram

Technology Stack

Frontend

  • React
  • TypeScript
  • MobX (State)
  • TailwindCSS
  • StyledComponents

Backend

  • Node.js
  • NestJS
  • TypeScript

Database

  • MongoDB
  • Mongoose ORM

DevOps & Tools

  • Docker
  • Nodemailer
  • Bcrypt
  • Selenium

Key Features

Dual-Portal Architecture

Separate Front-office for clients to browse and purchase products, and a dedicated Back-office for administrators to manage the entire platform.

Security

JWT Authentication and Bcrypt password hashing to ensure data integrity and user safety.

Admin Dashboard

Real-time analytics using Chart.js to track sales performance and user growth metrics.

Order Management

Full CRUD operations for products, categories, and granular order status tracking.

Automated Testing

Implemented automated UI tests using Selenium to ensure checkout stability and critical flows.

Project Gallery

Admin Dashboard Screenshot
Admin Dashboard Screenshot