Lo-Note - AI-Powered Browser Notes

A Chrome extension that provides a powerful note-taking experience right in your browser's side panel. Take notes with rich text editing, code blocks, and AI-powered assistance.

✨ Features

• 📝 Rich Text Editor - BlockNote-based editor with headings, lists, code blocks (40+ languages with syntax highlighting)
• 🤖 AI Assistant - Chat with AI about your notes using your own OpenAI or Gemini API key
  • Summarize notes
  • Extract information (URLs, dates, etc.)
  • Format data (JSON, lists, tables)
  • Generate content based on notes
• 💾 Local Storage - All notes stored locally using IndexedDB - your data never leaves your browser
• 🎨 Dark/Light Mode - Seamless theme switching with system preference detection
• ⌨️ Keyboard Shortcut - Quick access with Cmd+. (Mac) or Ctrl+. (Windows/Linux)
• 📱 Side Panel - Always accessible without disrupting your workflow

🚀 Installation

From Chrome Web Store (Coming Soon)

1. Visit the Chrome Web Store listing
2. Click "Add to Chrome"

From Pre-built Package

If you want to install without building from source:

1. Download the latest lo-note-v1.0.0.zip from Releases
2. Extract the zip file to a folder on your computer
3. Open Chrome and navigate to chrome://extensions
4. Enable Developer mode (toggle switch in the top right)
5. Click Load unpacked
6. Select the extracted folder (contains manifest.json)
7. The Lo-Note extension should now appear in your extensions list
8. Click the "Lo" button on any webpage or use Cmd+. / Ctrl+.

Manual Installation (Development)

For developers who want to build from source:

1. Download or clone this repository
2. Run npm install to install dependencies
3. Run npm run build to build the extension
4. Open Chrome and go to chrome://extensions
5. Enable "Developer mode" (top right)
6. Click "Load unpacked"
7. Select the dist folder from this project

🎯 Usage

1. Open the side panel

   • Click the "Lo" button that appears on any webpage
   • Or press Cmd+. (Mac) / Ctrl+. (Windows/Linux)
   • 

2. Start taking notes

   • Type to add paragraphs
   • Use / to insert blocks (headings, code, etc.)
   • Format text with markdown shortcuts
   • 

3. Use AI features (optional)

   • Click Settings (⚙️) to add your API key
   • Switch to "AI" mode in the navbar
   • Ask questions about your notes
   • Get summaries, extract data, format content
   • 
   • 
   • 

🔐 Privacy & Security

• 100% Local - All notes are stored in your browser's IndexedDB
• No Cloud Sync - Your data never leaves your device
• API Keys - Stored locally, never transmitted to any server except OpenAI/Gemini
• No Tracking - We don't collect any analytics or usage data

See PRIVACY_POLICY.md for full details.

🛠️ Technical Stack

• React - UI framework
• TypeScript - Type safety
• BlockNote - Rich text editor
• Vite - Build tool
• IndexedDB - Local storage
• Chrome Extension Manifest V3

📄 License

MIT License - see LICENSE file for details

🤝 Support

• Issues: GitHub Issues
• Email: [Your support email]

🔗 Links

• GitHub Repository
• Privacy Policy

---

Made with ❤️ by [Your Name]