Inspiration
FocusFlow was inspired by our need for a simple productivity tool during study sessions and hackathons. Switching between timers and task apps was distracting, so we built a lightweight, browser-based solution that combines focus timing and task tracking, with an easy way to reset and start fresh each day.
What it does
FocusFlow is a lightweight, browser-only productivity app that combines a Pomodoro timer with a simple to-do list. It works offline, stores data locally, and includes a single-click Reset All (New Day) to start fresh for each testing session or day.
Problem it solves
Maintaining focus while juggling small tasks is hard during study sessions or hackathons. FocusFlow lets users time-box work and check off tasks in one place without logins or backend setup.
How we built it
- HTML, CSS, JavaScript
- Local persistence with
localStorage(tasks, stats, timer, settings) - Optional deployment on GitHub Pages for an instant live demo
Challenges
- Safely restoring timer state on refresh
- Compact, responsive UI without frameworks
Accomplishments
- Fully offline-capable, no server required
- Minimal, single-file entry point for fast deployment
- Clear “new day” flow via Reset All
What we learned
- Timer management in JS and local persistence patterns
- Minimalist responsive design
What’s next
- Daily/weekly history
- Tags and quick filters
- Export/import for tasks and stats
Log in or sign up for Devpost to join the conversation.