Everything I built
Productivity
Patch's Pomodoro
liveA focus timer set in Patch’s room above a neon city. Wind up the tomato, work until it rings, then take a break.
Screenshots
What it does
- Drag the tomato’s band to set the minutes. It ripens from green to red while you work.
- Every tomato you finish grows on Patch’s windowsill plant, so you can see what you got done today.
- Something pulled you away? Tap Distracted?, name it, and Patch locks it in a jar so you can carry on.
- Breaks come with something to do: look out the window, breathe, stretch or squash bugs.
- The sky follows your real clock. It works offline, and everything you log stays on your phone.
Built with
- HTML5
- Canvas
- Vanilla JavaScript
- Web Audio API
- PWA
Want the how and why?
I write up builds like this one. What I did, what went wrong, and what is worth copying.
Read the writing

