Full-Stack E-commerce Platform | MERN Stack

Project Overview

A **Full-stack E-commerce Platform** built on the **MERN** stack and **Redux Toolkit**. This project demonstrates my ability to build **scalable RESTful APIs** and manage complex authentication flows. A core feature is the secure, **role-based Admin Portal** which controls inventory and sales, alongside a complete customer interface with **advanced filtering**, **user account management**, and an **integrated mock payment system** for secure transaction testing. This project was deployed on Render/Cloudflare Pages (End-to-End) and utilizes Cloudinary for image asset management.

Key Technical Implementations

• ✓
  Scalable Payment Integration:Implemented a secure checkout process utilizing an using a **Integrated Sandbox Payment Flow** (`TestPayment` confirmed in Order Summary) to handle transaction validation, order status updates, and inventory reduction upon successful purchase.
• ✓
  Role-Based Access Control (RBAC):Engineered a complete Admin Portal with protected backend routes (Node/Express). Used Mongoose Middleware to enforce **CRUD** permissions for products, orders, and user management.
• ✓
  Industry-Standard Security: Developed robust User Sign-up/Login flows using **JWT** for secure session management, and **Bcrypt** hashing for password protection. Implemented a robust token refresh mechanism for extended user sessions.
• ✓
  Advanced Filtering & Redux State Management:Optimized product discovery by implementing **MongoDB Aggregation Pipelines** for advanced multi-criteria filtering and search. Managed the Shopping Cart and Favorites state using **Redux Toolkit** for a seamless user experience.

Visual Showcase (Admin & Client)

Admin Dashboard - Sales Metrics and Charts

Admin Portal - Order Management

Admin Portal - User Management

Admin Portal - Product Management

Secure Checkout with Payment

Shop Page with Filtering

Shopping Cart Management

Product Reviews and Ratings