BUILDSENIOR

Build a Page Annotator Extension

90 minutes

0 completed

chrome-extensioncontent-scriptsdom-manipulationtypescript

Description

Build a Chrome extension that lets users highlight text, add sticky notes, and annotate any webpage.

Requirements

Text highlight mode: select text on any page and highlight it in yellow, green, or pink

Sticky note mode: click anywhere to place a draggable note

Annotations persist across page visits (stored per URL)

Sidebar panel listing all annotations for the current page

Delete individual annotations or clear all for a page

Export annotations as markdown

Use content scripts to inject the annotation UI into web pages. Store data in chrome.storage.local keyed by URL.

Screenshot annotation (draw on page screenshot)

Share annotations via URL with encoded data

Annotation search across all pages

You will be guided through MCP setup before the timer starts