139
🚀 Launching HabitGrid — a GitHub-style habit tracker. No account. No server. Just a grid.
Habit trackers have a design problem.
They show you numbers. Streaks, percentages, points. All of it abstracting away the one thing that actually matters: did you show up, or didn't you?
GitHub's contribution graph doesn't do that. It shows you the shape of your consistency. A gap is a gap. A good month looks like a good month. There's no algorithm smoothing it over.
HabitGrid brings that to habits.
Each habit gets its own contribution-style grid — column-major, month-blocked, same visual language as the tools developers already live in. Tap to log today. The cell fills. Come back tomorrow.
What's under the hood:
→ React 18 + TypeScript + Vite
→ Zustand with persist → localStorage (that's your entire backend)
→ Canvas API for PNG export — no external deps
→ PWA — installable, works offline
→ Custom accent colour — the grid, UI, and splash screen all tint to match
→ Combined view: merge all habits into one intensity-shaded grid
What it deliberately doesn't have:
→ An account
→ A server
→ Notifications guilt-tripping you
The entire thing was built in a few evenings. A year ago that would've taken months. The "how" stopped being the hard part — figuring out a problem worth solving is.
Would love feedback from this community especially — on the UX, the technical choices, or the "no backend" tradeoff.
🔗 https://habitgrid-steel.vercel.app/
🐙 github.com/aruna09/habitgrid
Built with