CNSIRI E-Commerce Platform

Challenge

Developing an enterprise-grade, full-stack online store for health and beauty products (such as YANHEE & CNSIRI product lines). The system needed to support dynamic catalog categorization, secure JWT customer authentication, real-time cart state management, and a robust admin back-office for inventory control.

Solution

Architected a decoupled full-stack application using Angular 20 on the frontend styled with Tailwind CSS v4 for a high-speed responsive UI. Powered by a NestJS 11 REST API backed by MongoDB (Mongoose) for flexible data modeling and secure JWT authentication with Route Guards.

Features

• 🛒 Dynamic Shopping Cart & Checkout: Real-time cart calculations, discounts, and order processing.
• 🔐 Secure JWT Authentication: User registration, sign-in, and route guards protecting customer settings and admin panels.
• Categorized Product Catalog: Multi-category browsing (Hair Care, Dietary Supplements, Collagen, Gift Sets).
• Admin Product Management: Back-office dashboard for managing products, prices, discounts, and inventory.
• PDF Order Exporting: Client-side receipt and summary generation using jspdf and html2canvas.
• Responsive UI: Fully responsive design built with Tailwind CSS v4.