TruhFocuser

Productivity at its Orangest

Comment

Inspiration

We got inspiration from a funny meme about Trump shouting to turn the lights off. His "voicelines" had a lot of funny intensity. So, we thought this would pair well with a productivity Chrome extension that had Trump shouting at you when you were distracted. Furthermore, the theme of Mr. Hyde greatly encouraged us to make this funny and effective extension.

What it does

TruhFocuser is a productivity browser extension that discourages you from visiting distracting websites that you can set. When you access a "blocked" site, the interesting part of the extension comes out, with a miniature Trump whipping your screen. He will continue to whip your screen until it becomes fully red. Once it's fully red, you cannot remove the red cover, forcing you to restart Chrome. But you can avoid this by closing the distracting website's tab, escaping from punishment, and resetting the red screen timer.

How we built it

We built TruhFocuser using Visual Studio Code with assistance from Claude Code and Google Gemini. Languages include HTML, CSS, JS, and more. Tools utilized include Audacity, Davinci Resolve, and Affinity.

Challenges we ran into

A challenge that we ran into during development was the audio not playing at the right time. We tried changing timing, adding delays. Some of them worked, but others broke the audio playback even more. We figured that changing the extension from having the audio activate in another file after the script loaded to changing the entire process for audio activation by using the Offscreen Document API.

Accomplishments that we're proud of

The first accomplishment that we're proud of is getting the audio to play automatically without being muted by Chrome's interaction requirement. We took at least 5+ hours to figure this out (it was hard). Once we finally got it to play by itself, we essentially wrapped up developing the extension. Another accomplishment that we're proud of is the hovering tile, where a demo picture of TruhFocuser reacts to your mouse hovering location. It looked very cool the moment we implemented it.

What we learned

We learned how to create Chrome extensions, how to make a modern-style hero page, and basic knowledge about implementing flexboxes.

What's next for TruhFocuser

There is currently no plan to continue this, as my group is satisfied with the result. In addition, this extension may be too niche to effectively launch to the public.

Built With

Share this project:

Updates