Case study

HappyFace.io

HappyFace.io 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.

RoleSoftware Engineer at HappyFace Platform Inc.

TimelineOngoing

FocusProfessional Work + Web/Mobile Platform

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

Annotool

FastAPI + React annotation tool for an employee to mark up LeBlanc design comparison images, with active time tracking and auto-generated weekly invoices.

View next project