Alaa Zaitoon
Skip to content
Back to Portfolio
Cross-Platform E-Commerce with Real-Time Firebase & CI/CD

SwiftShop — Flutter E-Commerce

A high-performance, cross-platform E-Commerce platform built with Flutter and backed by Firebase. Engineered with real-time Firestore database synchronization, secure multi-provider authentication (Email & Google OAuth), dynamic catalog filtering, and a responsive mobile-first web architecture deployed via automated CI/CD.

View CodeLive Demo

Problem Statement

Modern e-commerce applications require sub-second UI responsiveness, real-time cart and wishlist state synchronization across devices, and secure multi-provider authentication without introducing latency or layout breakage on mobile and web viewports.

System Architecture

Engineered with Flutter and Dart using a modular reactive architecture. Cloud Firestore serves as the real-time NoSQL state backbone for carts, wishlists, and order histories, with Firebase Authentication managing multi-provider OAuth tokens. The web distribution is containerized and continuously deployed to Vercel via automated GitHub Actions workflows.

Engineering Challenges & Solutions

Bridging platform-specific differences between native mobile and web environments—particularly managing Google OAuth popups vs native credential managers—and designing a responsive, mobile-first framing container that delivers pixel-perfect native aesthetics across desktop browsers.

App Interface Preview

SwiftShop — Flutter E-Commerce mockup

Technologies Used

FlutterDartFirebase AuthCloud FirestoreVercelGitHub ActionsREST APIs

Core Features

  • End-to-End Real-Time Architecture: Instant Firestore synchronization for cart state, wishlist management, and live order tracking.
  • Secure Multi-Provider Auth: Integrated Firebase Authentication supporting Email/Password and Google OAuth sign-in flows.
  • Interactive Storefront & Search: Dynamic promotional carousels, category filtering chips, instant keyword search, and detailed product specifications.
  • Automated CI/CD Pipeline: Production-ready web build pipeline automated with GitHub Actions and hosted on Vercel.