Skip to content

ayushjain01/Tabs-Note-Taker-Browser-Extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Extension Icon Tabs Note Taker Browser Extension

Tabs Note Taker is a browser extension that allows users to store notes about websites they visit directly within their browser. Instead of juggling between different note-taking tools or platforms, users can easily jot down important details about a webpage and save them for future reference.

Chrom Web Store

Frame 1 Frame 2 Frame 3 Frame 4

🚀 Features

  • Create notes for each tab: When browsing the web, users can open the extension and enter notes specific to the currently active tab. These notes will be associated with the URL of the tab for easy retrieval.

  • Persistent storage: The notes are stored locally using the browser's localStorage, ensuring that they are retained even after closing and reopening the browser.

  • Easy access and retrieval: Users can view and access their stored notes by clicking on the "Stored Tabs" tab, which displays a list of websites they have taken notes for. Clicking on a website from the list will load the associated notes for that website.

  • Simple and intuitive interface: The extension provides a user-friendly interface with a text input area for note-taking and clear options for saving, deleting all notes, and selecting specific tabs.

🔧 Installation

  1. Clone this repository or download the source code.

  2. Open your preferred browser and go to the extensions management page. (For example, chrome://extensions for Google Chrome).

  3. Enable developer mode.

  4. Click on "Load unpacked" or "Load extension" button and select the directory where you cloned/downloaded the source code.

  5. The "Tabs Note Taker" extension should now be installed and ready to use.

📖 Usage

  1. Open a webpage in your browser.

  2. Click on the "Tabs Note Taker" extension icon Extension Icon to open the note-taking interface.

  3. Enter your notes or important details about the webpage in the provided text input area.

  4. Click the "Save Notes" button to store the notes for the current webpage.

  5. To view your stored notes, click on the tab among the list of websites you have taken notes for.

  6. Click on a website from the list to load the associated notes for that website.

  7. To delete all stored notes, click on the "Delete All" button.

🤝 Support

If you encounter any issues or have suggestions for improvement, please feel free to open an issue. Contributions and pull requests are also welcome.

📄 License

This project is licensed under the MIT License.