This is a submission for the World's Largest Hackathon Writing Challenge: Building with Bolt.
Inspiration
I wanted a productivity tool that helps plan the day realistically — something focused, not overwhelming. Inspired by sprint planning, ToDo Today turns each day into a mission: prioritize, execute, and win. It’s built for clarity, not clutter.
What it does
ToDo Today is a web-based productivity app that guides users through daily sprint planning, helps them focus with a timer, build habits, track long-term goals, and review progress over time. Clean and intuitive, it’s built for people who want to do more — without doing too much.
How I built it
The app is a full web experience built with React 18, TypeScript, and Tailwind CSS. I defined clear models for Tasks, Goals, Sprints, Habits, and Settings. Features include a planning wizard, task execution view, recurring task logic, offline support via localStorage, and custom user preferences — all managed with React Context and useReducer.
Challenges I ran into
Designing the 3-step planning wizard while keeping it flexible and intuitive was tough. Managing recurring task logic, state syncing across sprints, and keeping the UI delightful without bloat also took iteration. Micro-interactions took time but made a big difference.
Accomplishments that I'm proud of
I built a full productivity system in one shot — from brain dump to focus mode, with sprints, habits, goals, stats, and a smooth UI. No filler. Just focused execution.
What I learned
Real productivity needs just enough structure to guide action, but not so much it becomes a chore. A system with goals, habits, and daily flow can be simple and powerful — especially with thoughtful UX.
Built With
bolt
netlify
react
tailwind
typescript
Top comments (1)
Check the video and more screenshots: devpost.com/software/todo-today-2a...
Part 2, What's next? dev.to/lumo1987/todo-today-after-t...