FocusFlow

• 

  Home Page

Inspiration

I wanted a single place where students could manage tasks, stay focused, and find motivation without bouncing between five different apps. I needed something simple, fast, and made for real daily use.

What it does

FocusFlow brings together a task manager, an animated pomodoro timer, and a motivation hub in one platform. It also rewards progress using a Focus Score that grows as you complete tasks and sessions.

How we built it

I built it using HTML, CSS, and JavaScript. I used localStorage to save tasks and progress, SVG animation for the timer, and a simple state system to connect the task manager, timer, and motivation tools.

Challenges we ran into

The biggest challenge was time. I had to scope features tightly and keep everything clean and functional. Managing timer accuracy, saving data properly, and keeping the design smooth under a strict limit was tough.

Accomplishments that we're proud of

I’m proud that FocusFlow feels polished even with limited time. The animated pomodoro, persistent tasks, and the unified design make it feel like a complete tool instead of separate pieces.

What we learned

I learned how important it is to build only what truly matters and to structure the code so features stay simple and reliable. I also learned how much polish can be added with small but intentional details.

What's next for FocusFlow

I want to add a streak system, better task organization, mood-based suggestions, notifications, and an analytics page. I also plan to refine the early motivational “assistant” and expand the Focus Score system.

Built With

• css
• html
• javascript