← Back to Portfolio
Live Production App · tryhabitflow.com

RoutineIQ — Full-Stack App

Production habit-tracking app with reactive serverless database, multi-device sync, 3D visualisations & push notifications

Next.js (App Router)TypeScriptConvex (Reactive DB)Three.jsWeb Audio APIPWA / Service WorkerClerk AuthFirebase FCMCloudflareVercel
Context

Independently designed, engineered, and launched a production web application on a custom domain (tryhabitflow.com) with active users tracking daily habits and routines.

Problem

Traditional habit trackers rely on local device storage or wasteful HTTP polling to synchronize streak states across tabs and devices, introducing stale data and unnecessary mobile battery drain.

Solution

Engineered a serverless reactive backend using Convex live query subscriptions and atomic mutations. Added Three.js 3D streak visualisations and Web Audio API feedback. Built a full PWA with offline service-worker caching. Integrated Clerk for seamless multi-device authentication and Firebase Cloud Messaging for scheduled push notification reminders. Deployed globally on Cloudflare and Vercel edge networks.

Outcome

Live production app running at tryhabitflow.com with sub-100ms real-time data sync, zero polling overhead, offline PWA capability, automated streak tracking analytics, and global edge delivery.