Time Burner · Routine Tracker. Full-Stack Web App

The Problem

I couldn’t find an existing tool that fit to me and offered flexible, multi-platform management for recurring, structured schedules.

Try it live

The live app loads from its own site only on request.

Open in a new tab

Mechanics

The main idea is repeatable day patterns. I don’t plan every day from scratch. I build a pattern once, for example a deep work day, a recovery day or a travel day, and then put it on any date I want. A pattern is a full day: blocks of time with a type (burn, fuel, rest, void) and color tags.

Patterns live in a library and have their own visual editor. The day is a timeline: I drag a block to move it, pull its edge to change the length, and everything snaps to 15 minutes. If I change a pattern, every day that uses it changes too. If one day needs an exception, I unlink it and edit only that day.

The visual editor: a day pattern as a timeline, blocks move and resize with a 15 minute snap

Patterns reach the calendar through bulk edit. In the week and month views I switch on bulk assign, tick the days I need (or take them all) and pick a pattern once: a whole week of deep work days or a month of routine is a few taps instead of dozens.

The library of patterns: each one is a whole day, with the number of phases and hours

Bulk assign in the week view: tick the days, then pick a pattern for all of them

The same in the month view: a block of days gets one pattern in a single move

The other point of the project is that nothing lives on one device. The app tracks every change: which pattern stands on which day, what is done, what was edited. With a Google sign-in that state goes through Firebase, so a change made on the desktop shows up on the phone and the other way round. The layout adapts instead of shrinking: the same day is a three-column workspace on a laptop and a ring with a list on a phone.

One day on the desktop and on the phone: the same pattern, the same completed blocks

Mobile layout: the day as a ring with the Protocol list, bulk assign in the week view, the month grid

All data in the screenshots and the video is made up for the demo.

Tech Stack

I designed the front-end layout and generated the application logic using prompt engineering in Google AI Studio. Integrated the Firebase SDK for user authentication and real-time database synchronization, ensuring instant data replication between desktop and mobile. Deployed via GitHub Pages.

Highlights

Owned the entire product cycle from UI/UX design to database architecture and deployment.
Configured live, zero-latency data replication across active client devices via Firebase Firestore.
Preparing the clean repository and stable build for a public GitHub release.
Successfully optimized my daily workflow and established a disciplined time-blocking routine.