Skip to main content

Lily's Lab

Day 2 of 20

20-days-challengeto-do-list

Everyone's built a to-do list app at some point, right?

Well, there's a reason theyโ€™re so popular! Today, Iโ€™m excited to share ๐—™๐—ผ๐—ฐ๐˜‚๐˜€๐—™๐—น๐—ผ๐˜„, a minimalist to-do app with a unique twist.

๐—ช๐—ต๐—ฎ๐˜ ๐—บ๐—ฎ๐—ธ๐—ฒ๐˜€ ๐—ถ๐˜ ๐—ฑ๐—ถ๐—ณ๐—ณ๐—ฒ๐—ฟ๐—ฒ๐—ป๐˜: โ†’ Task batching by energy level: Organize tasks as high, medium, or low energy, instead of traditional categories.

โ†’ Quick win filter: Highlight tasks that take less than 5 minutes. Integrated Pomodoro timer: Sync tasks with a timer to track your focus sessions.

โ†’ โ€œTomorrow Selfโ€ feature: Leave context notes for your future self, making it easier to pick up where you left off.

โ†’ Pomodoro Timer: Sync tasks with a customizable Pomodoro timer.

โ†’ Offline support: Use the app without an internet connection, powered by an advanced service worker.

I built the v0 version in just under 4 hours! While it was mostly smooth sailing, I ran into some interesting challenges with hydration errors and service workers. Debugging these taught me a lot about building for performance and offline functionality.

My biggest takeaway? Start with the userโ€™s problems rather than features. Asking myself, โ€œWhat frustrates me about traditional to-do apps?โ€, helped shape the app into something fresh and practical.

You can try it out at Focusflow app Iโ€™ve also documented my process in the README.md on github.