LAG — SEE WHERE YOUR MORNING ACTUALLY GOES

Built with Bubble.io

What it does

You write down your morning routine and how long you think each step takes.

Then you tap once when each step is done.

LAG shows both side by side — your plan on the left, what actually happened on the right. The difference is time you scheduled into hours that don't exist.

The problem

Every calendar trusts the number you type in. Say a task takes 30 minutes, and it blocks 30 minutes.

But that number is a guess, and it's usually wrong in the same direction. That's why mornings run late.

LAG checks the guess.

Three screens

Tasks — List each step and your estimate. LAG tells you when you'd finish.

Log — Tap once when a step is done. No timer, nothing to remember.

Real Calendar — Two columns drawn to scale. Taller block means more minutes. Orange bands show time that ran over. Gray bands show time you saved.

How I built it

Built entirely in Bubble.io.

Bubble can't set an element's height from data, so the timeline blocks couldn't scale. I rendered each row as an HTML element instead and injected the height inline — height: [minutes × 3]px. The overflow band is a second div sized by the difference between actual and estimate, so it disappears when a step finishes on time.

Try it: LAG