I built Focus Timer, a Pomodoro-style productivity application developed entirely with vanilla JavaScript, HTML, and CSS.
The most challenging aspect was implementing accurate, drift-free timing. I addressed this by using requestAnimationFrame in combination with performance.now(), ensuring precise session tracking without the inconsistencies common in setInterval-based timers.
I am particularly proud of the project’s clean architecture, animated SVG progress ring, theme system, and session persistence, all achieved without frameworks, external libraries, or a build step. The result is a fast, accessible, and maintainable application that runs entirely as static assets.