The latest articles on DEV Community by Watery Pickle (@waterypicklemaniac). https://dev.to/waterypicklemaniac https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3424940%2F0e6d7f9d-aa62-4820-b76b-b8f6ed4a0a3e.jpg https://dev.to/waterypicklemaniac en Watery Pickle Mon, 11 Aug 2025 08:11:34 +0000 https://dev.to/waterypicklemaniac/my-pomodoro-timer-clone-inspired-by-pomofocusio-built-from-scratch-3ac8 https://dev.to/waterypicklemaniac/my-pomodoro-timer-clone-inspired-by-pomofocusio-built-from-scratch-3ac8 <p>I’ve always loved the simplicity and usability of Pomofocus.io, so I decided to challenge myself by recreating it — but with my own code and a few tweaks.</p> <p>I copied the general design and core features from Pomofocus.io, but wrote everything myself from scratch in HTML, CSS, and JavaScript. The project includes:</p> <p>Work sessions, short breaks, and long breaks</p> <p>Adjustable timers</p> <p>Task tracking</p> <p>LocalStorage persistence</p> <p>A secondary “mini timer” window that stays in sync with the main timer</p> <p>This was a fun way to learn more about JavaScript timers, DOM manipulation, and state management across windows.</p> <p>Live demo: <a href="https://njegosjerinic.github.io/pomodoro/" rel="noopener noreferrer">https://njegosjerinic.github.io/pomodoro/</a><br> Source code: <a href="https://github.com/njegosjerinic/pomodoro" rel="noopener noreferrer">https://github.com/njegosjerinic/pomodoro</a></p> <p>I’d love feedback on:</p> <p>Any bugs you notice in timer sync or state saving</p> <p>Ways to make the code more efficient or modular</p> <p>Suggestions for extra features</p>