Skip to content

Readme.md

Latest commit

 

History

History
88 lines (60 loc) · 1.79 KB

Readme.md

File metadata and controls

88 lines (60 loc) · 1.79 KB

Sticky Note Extension

A lightweight Chrome extension for taking quick notes directly in the browser. Supports dragging, resizing, saving as .txt, copying content, and toggling visibility. Great for jotting things down while you browse.

Features

  • Draggable and resizable sticky notes
  • Editable and scrollable content
  • Random color themes for variety
  • Save notes as .txt files
  • Copy content to clipboard
  • Toggle note visibility
  • Chrome storage for persistent filename
  • Create new notes with one click

Installation (Developer Mode)

  1. Download or clone the repository:

    git clone https://github.com/yourusername/sticky-note-extension.git

  2. Open chrome://extensions/ in your browser.

  3. Enable Developer mode (toggle in the top right).

  4. Click Load unpacked and select the folder with the manifest.json file.

Usage

Once installed, the sticky note UI will appear on supported pages. You can:

  • Move and resize the note
  • Save its content to a .txt file
  • Copy the note text
  • Toggle visibility using the floating icon

How Saving Works

When you click the save button:

  • The note content is downloaded as a .txt file
  • On the first save, Chrome prompts for a location and filename
  • Your chosen filename is remembered using chrome.storage.local

Folder Structure

sticky-note-extension/
├── background.js
├── icons/
├── manifest.json
├── script.js
├── styles.css
└── README.md

Required Permissions

In manifest.json:

"permissions": [
  "storage",
  "downloads"
]
  • storage: Saves your preferred filename
  • downloads: Allows exporting notes as text files

Limitations

  • Only one note can be active at a time