TabGuardian

Inspiration

I saw a lot of teachers struggling with slow computers after having more than 20 tabs open in their browser at at time. They hesitated to close those, because some of them would be the day's lecture notes. I myself also struggle with managing my tabs (I have 18,000+ saved in OneTab haha), so I've built a solution that will help solve one of the issues I have encountered using computers and I hope it will help others as well.

What it does

This extension is meant to replace OneTab, one of the most popular tab archive extensions. It extends the functionality by using natural language parsing to detect if a tab is relevant for the day and closes the rest of the tabs that are irrelevant.

How we built it

The extension is written in JavaScript, and the natural language parsing requires a POST request to the website that is built with SvelteKit (which provides a server POST request handler) and TailwindCSS.

Challenges we ran into

It was the first time building an extension for me, so I struggled at first with the debugging setup for Firefox add-ons (trying to see the web console messages).

Accomplishments that we're proud of

Being able to create a nice UI for both the extension and the website. In such a short working period, I was able to create a working extension from zero browser development experience.

What we learned

How to create browser extensions using basic HTML, CSS, and JavaScript

What's next for TabGuardian

Tab restoring features, editing functionality for individual regex filters, settings page to edit tab purge behavior

Built With

• css
• html
• javascript
• sveltekit
• tailwindcss