Tab Tamer

• 

  Tab Tamer ai pro

I was inspired to create Tab Tamer because managing multiple browser tabs can be overwhelming. I noticed that keeping too many tabs open reduces focus and productivity, and existing tools either rely heavily on cloud services or lack smart organization features. I wanted a lightweight, offline solution that helps users stay productive without distractions.

What I Learned

During this project, I learned:

• How to develop Chrome extensions using Manifest V3.
• Implementing offline JavaScript features like summarization, keyword extraction, and clustering.
• Managing local storage for saving sessions and tab data.
• Handling asynchronous code and event listeners in the browser context.

I also explored basic algorithms for clustering tabs by similarity. For example, using a simple cosine similarity formula to group similar tab titles or content:

$$ \text{Similarity}(A, B) = \frac{A \cdot B}{|A| |B|} $$

How I Built It

I built Tab Tamer using:

• HTML, CSS, JavaScript for the front-end UI.
• Chrome Extension APIs for tab management, storage, and background scripts.
• Lightweight local algorithms for summarization and keyword extraction.
• A popup-style interface to easily access session controls and focus tools.

Features include:

• Tab grouping by similarity
• Session save and restore
• Local page summarization
• Pomodoro-style focus mode
• Dashboard showing focus history

Challenges Faced

Some challenges I faced included:

• Handling large numbers of tabs efficiently without slowing the browser.
• Ensuring offline AI-like features work without external APIs.
• Managing asynchronous updates to keep the dashboard and tab data in sync.
• Designing a clean and intuitive UI for quick access to features.

Overall, this project taught me how to combine web development skills with practical productivity tools, while creating a solution that can truly help users manage their browser more effectively.

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for Tab Tamer

Built With

• built-with-**languages:**-javascript
• clustering
• css-**frameworks-/-libraries:**-none-(vanilla-js
• focus
• html
• keyword-extraction
• lightweight-algorithms)-**platform:**-google-chrome-(manifest-v3-extension)-**storage-/-database:**-chrome-local-storage-for-saving-sessions-and-tab-data-**apis:**-chrome-extension-apis-(tabs
• mode
• notifications)-**algorithms-/-features:**-local-tab-summarization
• pomodoro-style
• runtime
• storage