Tomato Timer

🧘 How to use the Tomato Timer dashboard

  1. Name your session – click the top input (e.g. "Plan", "Dev") and add a short note if you like.
  2. Adjust focus, break & cycles – use the sliders below each timer. The total time updates live.
  3. Auto‑advance toggle – if checked, the timer automatically moves to the next focus/break after a phase ends.
  4. Press START – the card border and progress bar turn red during focus, turquoise during break.
  5. Cycle dots show your progress (● = done, ◉ = current, ○ = upcoming). For 10+ cycles they split into two rows.
  6. SKIP jumps to the next phase; RESET brings you back to the beginning.
  7. Global settings card (last card) controls the number of timers, master volume, and alarm type (soft/medium/loud).
  8. All settings are automatically saved in your browser – close and reopen without losing data.

🔔 Tip: Click the main title “Tomato Timer” to rename your dashboard. Test your alarm volume before you start a deep focus block.