Skip to content
← All projects

2026 · Designer & Builder · Live

Habit Planner

A habit tracker and daily/weekly/monthly planner — quick check-ins, streaks, category groups, and a calendar heatmap that keeps momentum visible. No sign-up, all in the browser.

React Vite Tailwind CSS

The problem

Most habit apps are either too heavy (accounts, notifications, paywalls) or too fragile to stick with. I wanted the smallest possible tool that still creates the one thing habits need: a visible, daily feedback loop — and a simple planner to sit alongside it.

What I built

A focused, single-screen app with two modes. Habits: define a few, group them (Prayer, Workout, Growth…), check them off, and watch streaks and a weekly grid build. Planner: capture daily, weekly, and monthly tasks by category, with progress bars and quick filters. No sign-up, no friction — open it and go.

How it works

  • Tap to complete a habit; per-habit streaks and a 30-day completion rate update live
  • Group streaks reward keeping a whole category intact day after day
  • A daily goal ring shows progress toward your target at a glance
  • Tasks are organized by scope (daily/weekly/monthly) and editable categories
  • Everything persists in the browser via localStorage — your data stays yours

What I learned

Building it end-to-end — from the data model to the interaction details — was a reminder that the hard part of product isn’t features, it’s restraint. Every element earns its place by serving the daily loop, or it gets cut.