Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thisis-developer/notemarker-extension

NoteMarker is a browser extension that allows you to highlight text and create sticky notes on any webpage, making it easy to annotate and organize your thoughts.
https://github.com/thisis-developer/notemarker-extension

addons brave-browser broswer-extension chrome-extension chromium edge-addon extension firefox-addon html-css-javascript

Last synced: 2 days ago
JSON representation

NoteMarker is a browser extension that allows you to highlight text and create sticky notes on any webpage, making it easy to annotate and organize your thoughts.

Awesome Lists containing this project

README

        

# NoteMarker

NoteMarker is a powerful and intuitive browser extension designed to revolutionize your web browsing experience. By seamlessly integrating highlighting and note-taking capabilities directly into your browser, NoteMarker empowers users to efficiently capture, organize, and retrieve information from any webpage.

![chrome](https://github.com/user-attachments/assets/55b6ea39-7e62-420e-9d87-d28b5574f897)
![edge](https://github.com/user-attachments/assets/7213bdab-2f03-4519-9c85-b35f47458dd4)
![firefox](https://github.com/user-attachments/assets/3bf02c6f-a631-49ec-b870-4034166f766d)
![brave](https://github.com/user-attachments/assets/c613c70f-1713-41ab-9a30-f8bceb8e922c)
![opera](https://github.com/user-attachments/assets/37344015-ca7a-4865-9293-408d76dec32c)

[![Firefox Add-on](https://img.shields.io/amo/v/notemarker.svg?style=flat&color=red)](https://addons.mozilla.org/en-US/firefox/addon/notemarker/)
[![Chrome Extension - v2.0.3](https://img.shields.io/badge/Chrome-v2.0.3-brightgreen)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![Microsoft Edge Extension - v2.0.3](https://img.shields.io/badge/Edge-v2.0.3-brightgreen)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![Opera Extension - v2.0.3](https://img.shields.io/badge/Opera-v2.0.3-brightgreen)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![Brave Extension - v2.0.3](https://img.shields.io/badge/Brave-v2.0.3-brightgreen)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![GitHub release](https://img.shields.io/github/release/ThisIs-Developer/NoteMarker-Extension.svg?style=flat&color=orange)](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
[![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg?style=flat&color=blue)](https://www.gnu.org/licenses/gpl-3.0)

## Table of Contents

- [Features](#features)
- [Privacy and Data Security](#privacy-and-data-security)
- [Demo](#demo)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [Roadmap](#roadmap)
- [License](#license)
- [Contact](#contact)

## Features

NoteMarker offers a comprehensive set of features to enhance your web browsing and note-taking experience:

- **Dynamic Text Highlighting**:
- Effortlessly highlight important information with a simple right-click.
- Choose from five vibrant colors: Yellow, Light Blue, Light Green, Pink, and Orange.
- Highlights persist across browsing sessions for uninterrupted workflow.

- **Customizable Sticky Notes**:
- Create, edit, and position virtual sticky notes anywhere on the webpage.
- Rich text formatting options for enhanced note-taking.
- Resizable and minimizable notes for a clutter-free interface.

- **Cross-Browser Compatibility**:
- Available for Firefox, Chrome, Edge, and other Chromium-based browsers.
- Consistent experience across different platforms.

## Privacy and Data Security

At NoteMarker, we prioritize your privacy and data security:

- **No Data Collection**: NoteMarker does not collect, store, or share any personal data or usage information.
- **No Data Transmission**: Your data is not transmitted to our servers or any third-party services.
- **Data Confidentiality**: We do not have access to any text or data you input while using the extension.

Your information remains confidential and secure, giving you full control over your data.

## Demo

https://github.com/user-attachments/assets/95537337-f8a7-49fb-adc0-d0cfd02bfd72

![leetcode](https://github.com/user-attachments/assets/dcf498a8-68e8-4e16-ac30-a1e8ed7071e4)
![youtude](https://github.com/user-attachments/assets/92114753-c392-4508-9b45-1d02d9eac490)
![research paper](https://github.com/user-attachments/assets/a8b1961b-5fda-406a-b8f0-79aa8d14d3be)

## Installation

### Firefox

1. Visit the [NoteMarker Firefox Add-on page](https://addons.mozilla.org/en-US/firefox/addon/notemarker/)
2. Click "Add to Firefox" to install directly from the Mozilla Add-ons store.

For the latest development version:

1. Go to the [Releases page](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases)
2. Download the latest `v2.0.6-firefox` release
3. In Firefox, navigate to `about:debugging#/runtime/this-firefox`
4. Click "Load Temporary Add-on" and select the downloaded file

### Chrome, Edge, Brave, Opera, and other Chromium-based browsers

1. Visit the [Releases page](https://github.com/ThisIs-Developer/NoteMarker-Extension/releases).
2. Download the latest release (`v2.0.3`).
3. Unzip the downloaded file.
4. In your browser, go to the extensions page:
- Chrome: `chrome://extensions`
- Edge: `edge://extensions`
- Brave: `brave://extensions`
- Opera: `opera://extensions`
5. Enable "Developer mode" (usually a toggle in the top right).
6. Click "Load unpacked" and select the unzipped extension folder.

## Usage

1. **Highlighting Text**:
- Select the text you want to highlight
- Right-click and choose your desired highlight color from the NoteMarker menu

2. **Creating Notes**:
- Click on "Note" from the NoteMarker menu
- Type your note and drag it to your preferred position

3. **Managing Highlights and Notes**:
- Click the NoteMarker icon in your browser toolbar
- Use the dashboard to view, edit, or delete your highlights and notes

5. **Clearing All Marks**:
- Click the NoteMarker icon in your browser toolbar
- Select "Clear All" to remove all highlights and notes from the current page

## Contributing

We welcome contributions from the community! If you'd like to contribute to NoteMarker, please follow these steps:

1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

Please read our [Contributing Guidelines](CONTRIBUTING.md) for more details on our code of conduct, and the process for submitting pull requests.

## Roadmap

See the [open issues](https://github.com/ThisIs-Developer/NoteMarker-Extension/issues) for a list of proposed features and known issues. We're always looking to improve NoteMarker, and your feedback is valuable to us!

Upcoming features:
- [ ] AI-powered summarization of highlighted text
- [ ] Enhanced data export options (PDF, HTML)
- [ ] Customizable keyboard shortcuts

## License

NoteMarker is licensed under the GNU General Public License v3.0. See the [LICENSE](LICENSE) file for the full text of the license.

## Contact

Project Maintainer: Baivab Sarkar - [email protected]

Project Link: [https://github.com/ThisIs-Developer/NoteMarker-Extension](https://github.com/ThisIs-Developer/NoteMarker-Extension)

For support or inquiries, please [open an issue](https://github.com/ThisIs-Developer/NoteMarker-Extension/issues).

---

Thank you for choosing NoteMarker. We're committed to enhancing your web browsing and note-taking experience while respecting your privacy and data security!