Web Annotator Chrome Extension

Hi there 👋

• 👂 This is Sourav
• 📫 How to reach me: souravsingla335@gmail.com
• 🖥️ This Web Annotator is a solution of problem statement from Tinkering Lab, IIT Roorkee

Overview ✨ 👇

Web Annotator is a cutting-edge Chrome extension designed to elevate your web browsing experience by enabling you to highlight text on any webpage. This innovative tool is ideal for students, researchers, and anyone who desires to earmark crucial information for effortless future reference. In addition to its primary function, Web Annotator offers a multitude of features to annotate text with a variety of colors, as well as the ability to download your annotations for future use.

The extension's user-friendly interface and intuitive keyboard shortcuts make it incredibly easy to use, even for those who are not particularly tech-savvy.

Web Annotator is the quintessential tool for anyone seeking to optimize their web browsing experience. Try it out today and discover how simple it is to highlight and annotate text on any webpage!

Features ✨ 👇

1. 🖍️ Text Highlighting

• This feature allows users to highlight text on any webpage by simply selecting the text and clicking a highlight button. This is especially useful for marking important sections, quotes, or any piece of information that stands out.

2. 🔄 Persistent Highlights

• Unlike temporary highlights that disappear after refreshing the page, this tool ensures that all your highlights remain intact. It uses local storage or cookies to remember your highlights, so they persist even after you close and reopen your browser.

3. 🎨 Multiple Colors

• Users can choose from a palette of colors to highlight their text. This is particularly useful for categorizing different types of information, such as using one color for definitions and another for key arguments. You can also change the color of your highlights later to re-categorize or reorganize your notes.

4. 🖥️ User-Friendly Interface

• The tool includes an intuitive toolbar that is easy to navigate. It has clear icons and labels, making it simple for users to highlight text, choose colors, add comments, and perform other actions without any hassle.

5. 💾 Save Highlights

• Users have the option to save their highlights directly to their device. This ensures that their work is backed up and can be accessed offline. This feature supports various save methods like downloading a file or saving to a specific folder on your computer.

6. 📋 Copy Highlights

• With a simple click, users can copy any highlighted text to their clipboard. This makes it easy to paste the information into other documents, emails, or notes, facilitating quick sharing and use of the highlighted content.

7. 💬 Comments

• This feature allows users to attach comments to their highlights. Users can provide additional context, ask questions, or make notes that are saved along with the highlighted text. These comments can be edited or deleted as needed.

8. 📂 Saving Format

• The tool supports saving highlights and comments in multiple formats. Users can choose to save their work as plain text files (.txt), rich text files (.html), or formatted documents (.pdf), depending on their needs and preferences.

9. ⌨️ Navigation on Highlights

• Using keyboard shortcuts, users can quickly jump from one highlight to the next. This is especially useful for reviewing notes, studying for exams, or when working through lengthy documents.

10. 🔍 Search and Sort

• The tool includes a powerful search feature that allows users to find specific text within their highlights and comments. Additionally, users can sort their highlights by various criteria, such as date added, color, or comment content, making it easier to organize and review their notes.

These features collectively make the highlighting tool a comprehensive and indispensable aid for students, researchers, and professionals who regularly work with digital text.

Keyboard Shortcuts ⌨️ 👇

1. To Highlight the selected text

• Windows/Linux: Alt + Shift + H 🔍
• Mac: Command + Shift + H 🔍

2. Go to the next highlight

• Windows/Linux: Alt + Shift + N ➡️
• Mac: Command + Shift + N ➡️

3. Go to the previous highlight

• Windows/Linux: Alt + Shift + P ⬅️
• Mac: Command + Shift + P ⬅️

4. Delete selected highlight

• Windows/Linux: Alt + Shift + D 🗑️
• Mac: Command + Shift + D 🗑️

Additional Shortcuts for Extension Popup Page:

5. Focus on keyword search

• Windows/Linux: Ctrl + F 🔍

6. Sort by date

• Windows/Linux: Ctrl + D 📅

7. Sort by style

• Windows/Linux: Ctrl + S 🎨

8. Initiate download

• Windows/Linux: Ctrl + Shift + D 📥

9. Download as text

• Windows/Linux: Ctrl + T 📄

10. Download as HTML

• Windows/Linux: Ctrl + H 📄

11. Download as PDF

• Windows/Linux: Ctrl + P 📄

Note: All Additional Shortcuts only work when your extension popup page is opened.

Manual Installation

• Download or clone the repository by using:

  git clone https://github.com/going-to-create-my-life/Web-Annotator_Chrome-extension.git