Personal product. Designed, built, and shipped solo.
Matcha Mood: a daily ritual that pairs how you feel with what you drink.
A local-first mood calendar I designed, built, and deployed end to end. React and TypeScript, no backend, live on Vercel.
ROLE
Sole designer and developer
YEAR
2026
STACK
React, TypeScript, Vite, Vercel
STATUS
Live
Built with Claude Code · Designed and built over a couple of days
Design decisions and implementation in the same loop, instead of a handoff between them.
Try it
↗
THE DESIGN
Five moods, five pairings. I treated the emotional check-in as a calm, low-friction ritual: one tap to log how you arrive, a drink matched to the feeling, a line of reflection. Full-bleed photography, a monochrome system, and animated transitions that make logging feel like a small ceremony.
THE BUILD
Local-first by decision, not limitation. No accounts and no servers; everything persists in the browser. Shipped as an installable PWA and auto-deployed on every push to main through GitHub and Vercel.