Portfolio
Back to Projects

Oct 2025 – Mar 2026

QuickCart

Full-Stack E-Commerce Web Application

ReactTailwind CSSFirebaseJavaScript

Overview

A responsive e-commerce platform with real-time cart sync, Firebase authentication, and a scalable component architecture — verified across 5 screen sizes with a 25% usability improvement in user testing.

Problem Statement

Building a production-quality e-commerce experience requires real-time data consistency, secure auth, and a UI that holds up across devices without a backend team.

Key Highlights

Responsive UI verified across 5 screen sizes, boosting usability scores by 25% in testing with 10 users

Firebase authentication, real-time product management, and cart sync — trimming data fetch latency by 20% over REST-based approaches

Reusable component architecture with real-time state management for maintainable, scalable frontend code

Architecture

React SPA with Tailwind CSS for styling, Firebase Firestore for real-time data, and Firebase Auth for user management. Cart state managed via React Context.

Challenges

Keeping cart state consistent across tabs and sessions, and designing a component library that remains genuinely reusable rather than just parametric.

Learnings

Firebase real-time architecture, advanced React state management patterns, and the discipline of building a component system before building features.