Case study

PayItForward Redux

PayItForward Redux is a multi-surface project including a web PWA, a mobile client, shared logic, and a Firebase backend with cloud functions, Firestore rules, and storage rules. The web surface ships as an installable PWA with full icon and manifest support.

RoleFull-stack engineering across web, mobile, and Firebase

TimelineOngoing

FocusWeb + Mobile PWA

PWA deliveryCross-surface architectureFirebase functions + rulesShared package design

Web + mobile + functionsSurfaces

Firebase + FirestoreBackend

Installable PWADelivery

The brief

Challenge

Ship a coordinated web + mobile experience without duplicating business logic or losing offline-friendly behavior on the web surface.

Approach

What we made

Split the codebase into web, mobile, shared, and functions packages, and used Firebase for authoritative storage and rules while keeping the web surface installable.

Web, mobile, shared, and functions split keeps logic reusable across surfaces.
Full PWA icon set including maskable variants and Apple touch icon.
Firestore + storage rules defined as code alongside the application.

Outcome

Results

A coherent multi-surface platform where web, mobile, and backend share logic and the web app installs as a real PWA.

FirebaseFirestoreCloud FunctionsPWAReactMobile

Gallery

Visual snapshots

Click any image to expand.

Next project

Reverse Engineering Sewing Machine

Reverse engineering project where a broken sewing machine was disassembled, missing components were modeled, and a complete SolidWorks assembly was rebuilt to mechanically function.

View next project