A cozy hobby-tracking studio — roadmaps, quests, and focus timers that turn casual interest into visible progress.
Creator & Builder · building
Thinking
Most hobby apps are either rigid course platforms or empty timers. Hobie sits in between — just enough structure to keep momentum, never enough to kill the joy. Built it because I wanted it to exist.
The Story
Hobie started as a personal frustration. I have too many hobbies and no way to track progress across all of them. Every app was either too rigid (designed for one sport) or too vague (just a notes app).
So I built a cozy hobby-tracking studio. Roadmaps that break big goals into quests, focus timers that make deep work feel like a game, and progress visualization that makes casual interest feel like real growth.
The whole thing was vibe-coded with Claude Code and Windsurf. React 19, TypeScript, Supabase for the backend, Tailwind v4 for styling, PWA for offline support. Built the entire thing as a conversation between human intent and AI execution.
Key Highlights
- → PWA-first design with offline support
- → Vibe-coded end-to-end with Claude Code and Windsurf
- → Gamified progression — quests, streaks, and milestones
- → Deployed and live at hobie-deploy.vercel.app
What I Learned
PWA-first design changes how you think about state management. Everything needs to work offline, sync gracefully, and feel native.
Vibe-coding is not about being lazy. It's about maintaining creative velocity. The AI handles the implementation details, I handle the product decisions.
Building for yourself first is the best way to build for others. Every feature in Hobie exists because I personally needed it.
Tech Stack
Current Status
In active development. Core features shipped, deployed at hobie-deploy.vercel.app. Building out the quest system and social features next.