Updated Project: i added some new themes and some new features and optimization
A Pomodoro productivity timer built from scratch with vanilla JavaScript, featuring a cyberpunk dark UI, animated SVG countdown ring, and drift-free timing.
I used AI tools for design suggestions and visual improvements, but all final implementation and decisions were my own.
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.
i just updated the script.js and going to implement some other features .
thank you .
Log in to leave a comment
still cooking this project , it may take some time to get deployed .
Log in to leave a comment
I HAVE COMPLETED THE INDEX AND STYLE.CSS , STILL SCRIPT.JS IS NEED TO BE CODE .
Log in to leave a comment
i just updated the home page the new home page looks cool , i also add a svg showing how much time is remaining , in home page .
Log in to leave a comment
i am working on this project , this is an update of project , it was updated from scraps
Log in to leave a comment