HabitForge — mobile-app project

HabitForge is a behaviour-design habit-tracking workspace shipped across three surfaces — a React 19 web app/PWA, a Capacitor Android build (iOS prepared), and a WXT Chrome extension — on a strict free-tier Firebase architecture with zero paid backend. Instead of fragile streak counters, every habit carries a D3-rendered strength score modelled as a rope of threads, so a missed day weakens progress slightly rather than resetting it. The app is offline-first (Firestore IndexedDB cache with queued writes that sync on reconnect), ships native Android integrations like Google Play in-app updates and app shortcuts, and includes a Focus Mode website blocker in the extension via declarativeNetRequest. It also delivers AEO/SEO depth without a CMS — prerendered static HTML, per-route JSON-LD, and machine-readable llms.txt/pricing.md — plus a full 7/7 Radix theme customizer with cross-device sync.

Tech stack

  • React 19
  • TypeScript 6
  • Vite 8
  • TanStack Router
  • TanStack Query
  • Firebase
  • CapacitorJS 8
  • WXT
  • Radix UI
  • TailwindCSS 4
  • D3.js

Key features

  • Visual habit-strength scoring (D3 thread/rope viz)
  • Resilient progress (missed day = small dip, not reset)
  • Multi-cadence tracking (daily/weekly/custom)
  • Offline-first Firestore sync
  • Focus-Mode website blocker (browser extension)
  • Google Play in-app updates + app shortcuts
  • Full 7/7 theme customizer with cross-device sync

Category: mobile-app · Status: completed · Started: 2025-01 · Through: Present · Client: Personal Project

Links: https://habitforge.aoneahsan.com · https://github.com/aoneahsan

Tags: productivity · habits · behaviour-design · self-improvement · mobile · offline-first · browser-extension


Contact

Website: https://zaions.com
Email: aoneahsan@gmail.com
GitHub: github.com/aoneahsan
LinkedIn: linkedin.com/in/aoneahsan
RSS Feed: https://zaions.com/feed.xml
Sitemap: https://zaions.com/sitemap.xml
LLM Index: https://zaions.com/llms.txt