ChatNavigator is a Chrome extension that allows users to chat with web articles using AI-powered natural language processing. It extracts content from web pages and provides an interactive chat interface to ask questions about the article's content.
- Extract article content from web pages
- Interactive chat interface within the Chrome extension popup
- AI-powered responses to user queries about the article
- Persistent chat history for each article
- Automatic cleanup of old chat data to manage storage
- Frontend: HTML, CSS, JavaScript
- Backend: Python with Flask
- AI Model: Google's Generative AI (via google-generativeai library)
- Chrome Extension APIs
- Clone the repository
- Install the required Python packages:
pip install -r requirements.txt
- Set up your environment variables (including your Google AI API key)
- Load the extension in Chrome:
- Go to
chrome://extensions/
- Enable "Developer mode"
- Click "Load unpacked" and select the extension directory
- Go to
- Navigate to a web article
- Click the ChatNavigator extension icon
- Ask questions about the article in the chat interface
- Receive AI-generated responses based on the article's content
popup.html
andpopup.js
: Extension popup interfaceapp.py
: Flask backend for processing requests and interacting with the AI modelmanifest.json
: Chrome extension configuration
The backend is designed to be deployed on Chemicloud or a similar Python-compatible hosting service.
Contributions are welcome! Please feel free to submit a Pull Request.
MIT
- Google Generative AI
- Flask and Flask-CORS
- Chrome Extensions API