Fatima Nasir AwanFull Stack Developer
← Projects

2025-2026 · Full-Stack MERN E-Commerce Platform with Customer Shopping & Admin Management

Fatima's E-Commerce

A production-ready MERN e-commerce platform delivering a complete shopping experience with product discovery, search, category filtering, cart, wishlist, authentication, OTP password recovery, checkout, order tracking, inventory validation, and a role-protected admin panel for products, categories, customers, orders, sales, and store management.

Interfaces

  • React.js
  • JavaScript
  • React Router
  • Redux Toolkit
  • Axios
  • Bootstrap
  • Bootstrap Icons
  • CSS3
  • React Toastify

Services & APIs

  • Node.js
  • Express.js
  • REST APIs
  • JWT
  • bcryptjs
  • Nodemailer
  • Multer
  • MVC Architecture
  • Middleware
  • StripePayment

Data

  • MongoDB
  • Mongoose

Cloud & DevOps

  • Cloudinary
  • Stripe Integration Architecture
  • Email / SMTP

Tooling

  • Git
  • GitHub
  • Postman
  • npm
  • Visual Studio Code
View Live
Fatima's E-Commerce hero screenshot

Role

Full Stack Developer

Duration

Personal Project

Architecture

MERN + MVC + REST API

Deployment

Vercel

Customer Journey

Browse • Search • Cart • Wishlist • Checkout

Security

JWT • bcrypt • Role-Based Access • OTP Recovery

Inventory

Stock Validation • Auto Stock Reduction

Admin Ops

Products • Categories • Orders • Sales • Customers

01

The Problem

Modern online stores require more than basic product listings. Customers need secure authentication, product discovery, cart and wishlist management, smooth checkout, order tracking, and reliable inventory handling, while administrators need centralized control over products, categories, customers, orders, sales, and store performance.

02

The Approach

Designed and developed a complete MERN-based e-commerce platform using reusable React components, Redux Toolkit for global shopping state, RESTful APIs, MongoDB data modeling, JWT authentication, role-based authorization, and a dedicated responsive admin panel.

  • Secure user registration and login
  • JWT-based authentication and protected customer routes
  • Role-based admin authorization
  • Product browsing and detailed product pages
  • Product search and category filtering
  • Shopping cart and persistent cart state
  • Wishlist management with dedicated page
  • Checkout and shipping information
  • Cash on Delivery and order tracking
  • Inventory and stock validation
  • OTP-based password recovery and reset flow
  • Admin dashboard analytics and CRUD operations
  • Cloudinary image storage and email automation
  • Stripe-ready payment architecture

03

The Outcome

Successfully developed and deployed a complete full-stack e-commerce application demonstrating practical implementation of frontend architecture, backend API development, authentication, authorization, database modeling, state management, inventory workflows, order processing, cloud services, email automation, and responsive UI development.

  • Full-stack MERN commerce architecture
  • Secure authentication and authorization flows
  • Scalable storefront and admin experience
  • Real-world order and inventory workflows
  • Cloud-ready media and email integration
  • Responsive UI design and production-ready structure

Architecture & Delivery Timeline

  1. Phase 01

    Frontend Commerce Flow

    React, Axios, Redux Toolkit, and route-based screens power product discovery, cart, wishlist, and checkout journeys for customers.

  2. Phase 02

    API & Authentication

    JWT-based protected routes, admin authorization, and Express controllers secure the storefront and management operations.

  3. Phase 03

    Inventory & Orders

    Checkout triggers stock validation, order creation, payment status updates, and automatic inventory reduction for accurate fulfillment.

  4. Phase 04

    Data & Deployment

    Mongoose models on MongoDB synchronize products, categories, customers, orders, and analytics while supporting Cloudinary and future Stripe expansion.

Deliverables

  • Responsive Home Page
  • Product Listing & Details
  • Search & Category Filtering
  • Shopping Cart & Wishlist
  • User Registration & Login
  • JWT Authentication
  • Profile Management
  • Forgot Password & OTP Recovery
  • Checkout & Shipping
  • Cash on Delivery
  • Order Management & Tracking
  • Stock Validation & Inventory Updates
  • Admin Dashboard Analytics
  • Product CRUD Operations
  • Category CRUD Operations
  • Customer & Order Management
  • Sales Monitoring
  • Responsive Admin Panel
  • Cloudinary Image Storage
  • Toast Notifications
  • Stripe-ready Architecture