Focus

• 

  Logo

• 

  Focus Search Popup

Inspiration

Whether it's ADHD, distractibility, lack of motivation, or short attention span, we all fall into internet rabbit holes, when we know we have important tasks to complete. The inspiration for this extension is that our modern world requires us to do school/work on the web. This can make focusing hard as our minds demand instant gratification and websites beg for our attention.

What it does

Focus allows users to manage the easily distracting nature of the web. Users can define keywords related to what they are researching or working on; if the search query doesn't contain any keywords, it blocks the search or warns the user to help them avoid being off-topic.

How we built it

We built the extension with HTML, CSS, JS, manifest v3, and VS Code.

Challenges we ran into

We battled error messages, wrestled with VS Code, and struggled with Google's extension API. We had a few good laughs and, yes, got distracted.

Accomplishments that we're proud of

Attending our first hackathon, and building our first Chrome extension.

What we learned

We learned how to make a Chrome extension.

What's next for Focus

1. minor bug fixes
2. AI integration so users don't have to write keywords manually
3. more modes for different study/focus needs
4. expand functionality to curtail current limitations

Built With

• css
• html5
• javascript
• json