Inspiration
What it does
How we built it
Inspiration
As a beginner, I often struggle to stay focused while studying. I wanted to build something simple that helps me and other students stay productive. That's why I created Focus Bloom for the Hyperbloom September hackathon.
What it does
Focus Bloom is a simple all-in-one productivity app:
- 🍅 25-minute Pomodoro timer to stay focused
- ✅ To-do list to track daily tasks
- 📝 Quick notes that auto-save
How I built it
I built it using only HTML, CSS, and JavaScript - no frameworks, so it's 100% beginner-friendly. I used simple JavaScript for the timer logic and local DOM manipulation for tasks.
Challenges I ran into
The timer logic was tricky at first - making it start, stop and reset properly. I also learned how to make the design responsive for mobile.
What I learned
I learned how to build a complete project from scratch, manage time with setInterval in JS, and how to write a good Devpost story.
What's next for Focus Bloom
Next I want to add:
- LocalStorage so tasks don't disappear
- Sound notification when timer ends
- Dark mode ## Challenges we ran into
Log in or sign up for Devpost to join the conversation.