Quick Notes Extension

A lightweight Chrome extension to quickly capture notes from the browser toolbar.

Features

• Add and delete notes
• Edit existing notes
• Pin important notes (pinned notes stay at the top)
• Search notes instantly
• Dark mode toggle (saved across sessions)
• Export all notes as a .txt file
• Markdown support with live preview

Supported Markdown

The extension supports a practical Markdown subset:

• Headings: #, ##, ###
• Bold: **text**
• Italic: *text*
• Strikethrough: ~~text~~
• Inline code: `code`
• Code blocks: triple backticks
• Bullet lists: - item or * item
• Blockquotes: > quote
• Links: [label](https://example.com)

Installation (Load Unpacked)

1. Download or clone this project.
2. Open Chrome and go to chrome://extensions/.
3. Enable Developer mode (top-right).
4. Click Load unpacked.
5. Select this folder: quick-notes-extension.
6. Pin the extension from the browser toolbar if needed.

How To Use

1. Click the extension icon to open the popup.
2. Write a note in the textarea and click Add Note.
3. Use Edit to modify a note and Cancel Edit to exit editing mode.
4. Use Pin/Unpin to prioritize important notes.
5. Use the search box to filter notes.
6. Click Export .txt to download all notes.
7. Toggle Dark/Light mode from the header.

Data Storage

• Notes are stored locally using chrome.storage.local.
• Theme preference is also stored locally.
• Existing legacy string notes are automatically migrated to the new note-object format.

Project Structure

• manifest.json - Extension manifest (MV3)
• popup.html - Popup UI structure
• style.css - Popup styles (light/dark themes)
• popup.js - App logic (notes CRUD, pin, search, export, markdown, theme)
• icon.png - Extension icon

Version

Current manifest version: 1.0