Usman Liaqat.
Back to all work

SparkoMart

A modern multi category ecommerce platform featuring a robust administration dashboard, secure dual authentication, persistent shopping workflows, and highly optimized database querying.

Next.js 16React 19TypeScriptMongoDBTailwind CSS v4
SparkoMart preview

The Challenge

Implementing a fully secure, strictly typed ecommerce portal that supports dual roles (customers and admins), manages complex product variants, provides robust input verification for checkouts, and maintains highly efficient search and aggregate performance across thousands of products.

The Approach

Developed the application using Next.js App Router and Mongoose ODM. Built a secure custom JWT authentication middleware with HTTP only cookies to segregate buyer dashboards and admin panels. Integrated AWS S3 for product media uploads and used React Context for shopping cart and wishlist management. Created a custom query aggregator pipeline to handle complex search, category filtering, and inventory updates dynamically.

Key Features

  • Dual role authentication system (Customer & Administrator) with route guards
  • Dynamic product catalog with multi level category navigation and product variants
  • Context based persistent shopping cart and wishlist management system
  • Secure checkout workflow with multi address management and validation
  • Full admin portal for inventory management, order processing, and sales analytics
  • Automated invoice PDF generator and email updates via Nodemailer and Brevo

Results

Produced a premium, high performance ecommerce application that guarantees type safety across frontend and backend APIs, decreases database query times, and offers an intuitive shopping experience.

Tech Stack

Next.js 16
React 19
TypeScript
MongoDB
Mongoose
Tailwind CSS v4
shadcn/ui
Brevo API
Radix UI
AWS SDK S3