FocusBuddy

• 

  user interface

Inspiration

Staying focused in a world full of distractions is challenging. We wanted to create a lightweight tool that helps users manage their tasks and improve productivity without any complex setup.

What it does

Focus Buddy allows users to:

• Add and manage tasks directly in the browser
• Set focus timers (Pomodoro-style) for uninterrupted work sessions
• Track simple progress to maintain concentration

How we built it

• Frontend: HTML, CSS, and JavaScript (Vanilla)
• No backend was implemented, making it lightweight and easy to use
• Timer and task functionalities are fully handled in-browser

Challenges we ran into

• Handling timer and task updates efficiently using only vanilla JS
• Ensuring the UI remains responsive and intuitive without frameworks
• Implementing progress tracking without a database

Accomplishments that we're proud of

• A fully functional productivity web app using only vanilla code
• Intuitive and minimal design that anyone can use immediately
• Built a Pomodoro-style timer and task tracker entirely in-browser

What we learned

• How to manage dynamic UI updates using pure JavaScript
• Tips for creating responsive designs without external libraries
• The importance of simplicity in user-focused applications

What's next for FocusBuddy

• Add a backend to store tasks and user progress permanently
• Implement notifications and reminders
• Introduce AI suggestions for personalized productivity improvements

Built With

• css
• html
• javascript