TomatoFocus is a simple Pomodoro timer web app inspired by pomofocus.io.
I built this project to practice and understand HTML, CSS, and especially asynchronous JavaScript through the use of setInterval() and DOM manipulation.
- 25-minute Pomodoro timer
- 5-minute break timer
- Start, Pause, and Reset buttons
- Task list input (tasks added to screen)
- How to use
setInterval()andclearInterval()in JavaScript - Event handling with
addEventListener() - Updating the DOM dynamically
- Basic project structure using separate HTML, CSS, and JS files
- Responsive design for mobile (currently desktop only)
- Add a delete feature for task list items
- Count how many Pomodoro sessions have been completed
- Include detailed, trusted information about the Pomodoro Technique
If you have ideas, feedback, or want to collaborate, feel free to reach out!