u/Due-Strategy6894

I built a Chrome extension because I needed to track my study time better in Google Calendar ⌛

I built a Chrome extension because I needed to track my study time better in Google Calendar ⌛

I use Google Calendar a lot for planning my study schedule (like 7am–10am Physics, 10am–1pm Chemistry, etc).

But one thing always annoyed me:

I had no idea how much time was left in a session without manually calculating it.

So I built a small Chrome extension for myself that:

- shows duration for every event (like 3h, 2h 30m)

- and when the session starts, it turns into a live countdown:

⌛ 1h 45m left

It only activates for the current event, so there’s no clutter, and it updates every minute without affecting performance.

Also made sure it works for all blocks (events + tasks), since many extensions I tried didn’t handle that properly.

One interesting challenge was that Google Calendar’s DOM is pretty messy, so I had to carefully use MutationObserver + requestAnimationFrame to avoid flickering and bugs.

Built this mainly for my own study workflow, but thought others might find it useful too.

Would love feedback or ideas 🙌

GitHub: https://github.com/LakshyaGandhi/Google-Calendar-Duration-Badge-Extension-Live-Countdown.git

u/Due-Strategy6894 — 6 hours ago
▲ 1 r/webdev

I built a Chrome extension because I needed to track my study time better in Google Calendar ⌛

I use Google Calendar a lot for planning my study schedule (like 7am–10am Physics, 10am–1pm Chemistry, etc).

But one thing always annoyed me:

I had no idea how much time was left in a session without manually calculating it.

So I built a small Chrome extension for myself that:

- shows duration for every event (like 3h, 2h 30m)

- and when the session starts, it turns into a live countdown:

⌛ 1h 45m left

It only activates for the current event, so there’s no clutter, and it updates every minute without affecting performance.

Also made sure it works for all blocks (events + tasks), since many extensions I tried didn’t handle that properly.

One interesting challenge was that Google Calendar’s DOM is pretty messy, so I had to carefully use MutationObserver + requestAnimationFrame to avoid flickering and bugs.

Built this mainly for my own study workflow, but thought others might find it useful too.

Would love feedback or ideas 🙌

GitHub: https://github.com/LakshyaGandhi/Google-Calendar-Duration-Badge-Extension-Live-Countdown.git

i.redd.it
u/Due-Strategy6894 — 6 hours ago