← everything I built

Pomodoro Timer

live

You set a timer, work until it rings, then take a break. This app keeps track of that for you. Attach a task to each session so you can see where the time actually went, and a chart of the last twelve weeks shows which days you worked and which you missed. There are ten badges to unlock and a streak to keep up. You can change how long the work and break periods run, play a background sound, and put the timer full screen so nothing else is on show. After each session you can rate how well it went. Everything stays on your own device, and you can download the lot as a file whenever you want.

Try it →
Pomodoro Timer screenshot
Pomodoro Timer screenshot
Pomodoro Timer screenshot

what it does

  • A chart of the last twelve weeks shows the days you worked and the days you missed, so a pattern is easy to spot.
  • Ten badges and a running streak give you a reason to come back tomorrow.
  • You rate each session afterwards, so you can see whether your focus is actually getting better.
  • A background sound and a full screen mode keep everything else off the screen while the timer runs.

Built with

Next.jsReactTypeScriptTailwind CSSZustandshadcn/ui

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 →
← everything I built