HomeAboutTech StackProjects
Qualification
EducationExperience
Contact Me
Projects
Back to Projects
Shopesphere
FeaturedFull StackCompleted

Shopesphere

Modern MERN e-commerce platform with Firebase auth, Stripe payments, dynamic product management, and a fully responsive shopping experience.

Live DemoGitHub Repo

Test Credentials

Use these accounts to explore the live demo

Recruiter Access
Admin
admin@example.com
Admin123

Manage products, orders and inventory

Customer
user@example.com
User123

Browse, add to cart and checkout

Project Overview

A modern full-stack e-commerce platform built with React, Node.js, Express, MongoDB, Firebase Authentication, and Stripe Payment Gateway. It features a responsive design, secure user authentication, dynamic product management, and seamless payment processing for an optimal shopping experience.

Problem Statement

Small businesses need a customisable e-commerce solution that handles auth, inventory, and payments without depending on expensive third-party platforms.

Solution

Developed a self-hosted MERN storefront with Firebase for social auth, a custom inventory API, and Stripe Checkout for secure payments — giving complete ownership of the store data.

Key Features

  • Firebase Google/Email authentication
  • Stripe Checkout with order history
  • Dynamic product CRUD with image upload
  • Cart and wishlist with localStorage persistence
  • Admin dashboard for inventory management
  • Fully responsive mobile-first UI

Challenges Faced

  • Synchronising Firebase auth state with the Express session model
  • Handling Stripe webhook idempotency to prevent duplicate orders
  • Optimising image delivery for product thumbnails at scale

Technology Stack

React.jsTailwind CSSNode.jsExpress.jsMongoDBFirebaseStripe
Back to ProjectsView Live DemoView on GitHub
Sohag Ali

Full-Stack Web Developer & AI Enthusiast building modern digital experiences.

HomeAboutTech StackQualificationProjects

© 2026 Sohag Ali. All rights reserved.

Built with ♥ using Next.js & Tailwind