FocusOS

• 

  The first image shows the FocusOS video study page with suggested lessons and navigation tools.

• 

  The second image shows the FocusOS lock screen that appears when the user leaves the task and must solve a quick problem to continue.

• 

  This image shows the FocusOS brain break screen, where users can play simple game like Snake during a timed break before returning to study.

• 

  This image shows the FocusOS sidebar menu with quick access to lesson summaries, notes, videos, a whiteboard, and practice tools.

Inspiration

We wanted a simple tool that helps students stay focused while studying. Seeing how many classmates struggled with distractions and attention challenges motivated us to build something that could genuinely help.

What it does

FocusOS prevents distractions and keeps students on task by providing a clean, minimal study environment. It’s designed to support users who struggle with staying focused, including those with ADHD.

How we built it

We built FocusOS using HTML. The structure is lightweight and intentionally simple to keep performance fast and the interface distraction-free.

Challenges we ran into

One challenge was figuring out how to detect when a user leaves the tab without creating a frustrating experience. Another challenge was designing the layout so it stayed minimal but still clear and useful.

Accomplishments that we're proud of

We’re proud that FocusOS feels intuitive and functions smoothly. We’re also proud that it solves a real problem students face every day.

What we learned

We learned how small interface decisions can affect focus and usability. We also learned how to use HTML and JavaScript creatively to shape user behavior in helpful ways.

What's next for FocusOS

Next, we plan to add customization options and light productivity tools to support different study styles. We also want to refine the focus tracking features to make them more adaptive without being intrusive.

Built With

• gemini
• html
• java