Next.js + React
A client-side responsive interface renders a dense daily matrix that remains usable across desktop and mobile screens.
( CASE STUDY — 02 )
July 2026 · PRODUCTIVITY / ZUSTAND / WEB APP
Rabbit Tracker
A local-first habit and metric matrix inspired by a viral Reddit post — designed for people who want to track without giving their data away.
Visit live site ↗2026JAN FEB MAR APR MAY
ESSENTIALS010203040506
Workout✓✓△✓—✓
Read a Book✓△✓✓✓△
Sleep Duration7.28.06.57.88.17.4
your private
daily matrix.
( THE IDEA )
A tracker that
stays yours.
Rabbit Tracker started with a viral Reddit post about practical personal tracking. I wanted to turn that spark into a flexible tool for people who need more than a simple habit checklist: one matrix for check-ins, partial progress and daily numbers.
Everything lives in the browser. You can build your own categories and items, track across any month or year, and export a JSON backup whenever you want a copy of your data.
Read the Reddit post that inspired it ↗- Role
- Product design & front-end build
- Year
- July 2026
- Type
- PRODUCTIVITY, ZUSTAND, WEB APP
- Inspiration
- Viral Reddit post
( TECHNICAL BUILD )
Built to stay
on your device.
Zustand + persist
Zustand manages categories, rows and daily logs. Its persist middleware writes the tracker state to localStorage, so data auto-saves directly in the browser.
Flexible matrix model
Users can create categories and boolean or numeric items. A cell cycles through partial, completed and skipped states, while numeric rows capture daily metrics.
Portable JSON backups
Browser-native FileReader, Blob and URL APIs power JSON import and export, so people can back up or restore their full tracker without a server account.
( HIGHLIGHTS )
Unhurried
writing.
A focused canvas that keeps the interface out of your way.
Small
rituals.
Gentle prompts that make showing up feel easy.
Yours to
keep.
A personal archive, built around the details that matter to you.