Skip to content
Everything I built
Patch's Pomodoro screenshot

Productivity

Patch's Pomodoro

live

A 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