StickyNotesX is a Chrome extension that allows users to easily annotate any web page with sticky notes. With this tool, you can add, edit, and delete notes, choose from three color options, and manage all your notes from a central popup page. Each note is saved along with the URL of the web page, so you can easily revisit pages with your annotations
Watch the demo video to see StickyNotesX in action:
StickyNotesX.-.Annotate.your.web.pages.-.Final.Project.CS50x.mp4
To install StickyNotesX on your local Chrome browser:
- Download or clone this repository.
- Open Chrome and navigate to
chrome://extensions/. - Enable "Developer mode" in the top-right corner.
- Click "Load unpacked" and select the folder where you downloaded/cloned StickyNotesX.
- The extension will be added to your Chrome browser.
- Multiple Sticky Notes on a Page: Add multiple notes to any web page for easy note-taking and annotation.
- Three Color Options: Choose between yellow, blue, and red to categorize your notes visually.
- Add/Edit/Delete Notes: Easily add new notes, edit existing ones, or delete them individually.
- View All Notes in the Popup: The popup page allows you to view all your notes across different web pages along with their associated URLs.
- Persistent Storage: Notes are saved using the Chrome Storage API and persist across sessions.
- Group Notes by Domain: Group all notes by the website they were created on. For example, group notes for all youtube.com pages under one section
- Right-Click to Add Notes: Implement a context menu option for adding sticky notes through a right-click.
- Error Handling: Improve error handling for smoother functionality, especially in scenarios like storage issues.
- Improve Popup Page: Add features like sorting, searching, and filtering notes in the popup page for better user experience.
This project is licensed under the MIT License - see the LICENSE file for details.