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

Accomplishments that we're proud of

What we learned

What's next for StudyBuddy - Learn Better Togethe

Built With

Share this project:

Updates

Submission history