LeTab

• 

  Search View

• 

  General View

Inspiration

Jeffrey has been struggling to manage his 48 tabs and is in need of a new handy chrome extension to improve his quality of life!

What it does

Tab Manager offers a simple and concise view of all active tabs. Simply search for the tab you're looking for and click on it to open that tab!

How I built it

Chrome Extensions are built using HTML, CSS, and JS files. We chose to opt for the simple vanilla route without any JS frameworks to keep this extension simple and non-intrusive.

Challenges I ran into

We never worked with google chrome extensions before so getting used to the workflow took some acclimation time. Inline JS was being detected and blocked despite us using different JS files. After some trial and error, we were able to resolve this problem by adjusting our silly mistake of using \script /\ instead of \script\/script\.

Accomplishments that I'm proud of

We were able to resolve Jeffrey's situation and now he has a handy tool that he can use and improve on to his liking.

What I learned

We learned that making a chrome extension is not that difficult and will simply require web developer skills with a pinch of knowledge about algorithms to deliver the results.

What's next for LeTab

We would like to introduce categories and tab suspension such that inactive tabs don't take up precious processing power and make it easier to establish and access workflows (i.e. educational, work, etc..).

Built With

• bootstrap
• chrome
• css
• extension
• html
• javascript