Tab Notes

• 

  adding a current site

• 

  notes for all our tabs

• 

  adding notes

Inspiration

When working on a project or homework assignment, tabs can get very cluttered in the browser window. The window can end up looking very messy and often times you forget what information you were even looking at in all the tabs! With tab notes, you can organize your thoughts across tabs.

What it does

Tab Notes is an extension that pops up on the right side of your screen and shows a list of current tabs you left a note on. Your able to view notes from your current session's tab, as well as notes from the other tabs.

How we built it

We utilized HTML/CSS, Javascript, and chrome tabs API to build our chrome extension.

Challenges we ran into

We utilized chrome tab APIs, which required a lot of background in reading the documentation. Additionally, we utilized local storage which required a lot of testing too ensure the correct data was saved.

Accomplishments that we're proud of

We were proud of being able to get a functioning chrome extension completed! A good amount of material had to be learned as we went along, but we're proud we were able to implement it in a timely manner.

What we learned

We were able to broaden our experience with HTML/CSS and Javascript. Additionally, we learned about the various steps and considerations needed specifically for chrome extensions.

What's next for Tab Notes

We would love to increase the functionality of our product, and allow users to have more actions within the chrome extension.

Built With

• chrome
• css
• html
• javascript