A LiquidText-style research annotation app built with React + Vite.
- 📂 Upload documents — PDF, TXT, or DOCX
- 🖊 Inline highlighting — 6 colour options (Yellow, Green, Blue, Pink, Orange, Purple)
- ✂️ Extract to workspace — pull quotes onto the canvas
- ✋ Drag & drop — drag selected text directly onto the workspace
- ↩ Go to source — click any card to jump back to its paragraph
- 🔗 Connect cards — draw visual links between related excerpts
- 📝 Annotate — add notes to any card
- 🔍 Zoom & pan — navigate the workspace canvas freely
```bash
npm install
npm run dev
npm run build ```
- Upload a PDF, TXT, or DOCX file using the left panel
- Select text in the document → choose a highlight colour or click "Extract to workspace"
- Drag selected text directly onto the right canvas
- Click "Go to source" on any card to jump back to the original paragraph
- Use Connect mode to draw links between related cards
- Click + note on any card to add annotations
- React 18
- Vite 5
- PDF.js (CDN) for PDF parsing
- Mammoth.js (CDN) for DOCX parsing
- Pure CSS-in-JS styling (no UI library)