Knowde is a Chrome extension that transforms your browsing experience into structured learning opportunities. It acts as your AI-powered learning companion, creating personalized lesson plans based on your interests and tracking your progress.
- Chat Interface: Ask questions about any topic you want to learn
- Progress Tracking: Monitor your daily learning goals and streaks
- Smart Content Analysis: Automatically analyzes web pages for learning opportunities
- Text Highlighting: Capture and learn from selected text on any webpage
- Learning Mode: Toggle focused learning with Alt+K shortcut
-
Install dependencies:
npm install
-
Build the extension:
npm run build
-
Load the extension in Chrome:
- Open Chrome and go to
chrome://extensions/ - Enable "Developer mode"
- Click "Load unpacked"
- Select the
distfolder
- Open Chrome and go to
-
Run development build with watch mode:
npm run dev
-
Make changes to the source files in
src/ -
Reload the extension in Chrome to see changes
- Click the Knowde extension icon in your browser toolbar
- Type what you want to learn about in the input field
- Receive personalized responses and learning plans
- Press
Alt+Kon any webpage to toggle learning mode - Select text you want to learn more about
- Click "Learn More" when the tooltip appears
- View your daily progress in the popup
- Track concepts learned and maintain learning streaks
- Set and adjust daily learning goals
- Popup (React): Main UI with chat interface and progress tracking
- Background Script: Handles message processing and data management
- Content Script: Analyzes web pages and captures learning content
- Tailwind CSS: Modern, responsive styling
- AI-powered lesson plan generation
- Knowledge graph visualization
- Voice interaction support
- Adaptive learning algorithms
- Integration with external learning platforms
- React 18 with TypeScript
- Tailwind CSS for styling
- Chrome Extension Manifest V3
- Webpack for bundling
- Lucide React for icons