DEV Community

Cover image for My Pomodoro Timer Clone (Inspired by Pomofocus.io, Built from Scratch)
Watery Pickle
Watery Pickle

Posted on

My Pomodoro Timer Clone (Inspired by Pomofocus.io, Built from Scratch)

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.

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:

Work sessions, short breaks, and long breaks

Adjustable timers

Task tracking

LocalStorage persistence

A secondary “mini timer” window that stays in sync with the main timer

This was a fun way to learn more about JavaScript timers, DOM manipulation, and state management across windows.

Live demo: https://njegosjerinic.github.io/pomodoro/
Source code: https://github.com/njegosjerinic/pomodoro

I’d love feedback on:

Any bugs you notice in timer sync or state saving

Ways to make the code more efficient or modular

Suggestions for extra features

Top comments (0)