HabitFlow

Goals with a number

HabitFlow is built around a numeric goal rather than a checkbox. A user sets a target such as 100,000 push-ups, with a daily target and a deadline attached, and each day is marked below, on or above target with a badge. Alongside the goals is a daily habit tracker with week-by-week navigation, which handles negative habits as well as positive ones.

The year as a grid

Progress is read two ways. A GitHub-style 52 by 7 heatmap shows a year of consistency in one block, and a skill balance radar chart shows where the effort was spread. Google Gemini sits on top of the same history and writes the insights and personalised analytics.

HabitFlow is built around a numeric goal rather than a checkbox.

Habits are social here

The social half is friend requests, a real-time activity feed, and a ping-to-workout notification that lets one person prod another. Events sit alongside that: an RSVP system, attendee badges, and Google Maps integration so a session has a place as well as a time.

Every entry is editable and revertible from a full activity history, and onboarding is a multi-stage flow that sets up goals and habits before the first day is logged. Dark and light mode persist. Authentication is Firebase, with email and password or a Google sign-in.

Shipped on split hosting

The front end is React and TypeScript with TailwindCSS and Recharts, deployed on Vercel. The API is Express on Railway, backed by Neon Postgres. That is three hosted pieces for one app, plus Firebase for the accounts. It shipped in February 2026 and it is live at habit.jacksmith.me, with the source on GitHub.