🧠 Smart Page AI Extension

Transform your browsing experience — chat with any webpage instantly!
Ask questions, get summaries, and understand content faster with AI-powered intelligence.

---

✨ Features

• 💬 Intelligent Conversations — Ask anything about the page and get instant, context-aware answers.
• 🚀 Lightning Fast — Optimized for performance with smart caching.
• 🔒 Privacy First — No tracking or data storage.
• 🌐 Universal Compatibility — Works on blogs, docs, research papers, and more.
• 🎯 Context-Aware — Understands the full context of each webpage.
• ⚡ Lightweight — Clean, efficient code with minimal resource use.

---

🧩 Demo Preview

Type a question about the current page, click Ask AI, and get an instant intelligent response.

---

🔐 API Key Setup & Security

🧩 Why This Matters

Your OpenAI API key is private — never hardcode it directly inside your extension (like in popup.js or background.js).
If you upload your project to GitHub, any exposed key can be stolen and misused.

Add your OpenAI api key, click Save, and it will be saved in the local host for the certain time

---

🛠️ Built With Modern Tech

• JavaScript (ES6+)
• Chrome Manifest V3
• OpenAI GPT-4 API
• HTML5 & CSS3
• Content Scripts & Service Workers

---

💡 Perfect For

Use Case	Description
📰 Content Summaries	Get instant summaries of long articles and blog posts
🎓 Academic Research	Understand complex papers and extract insights
📈 Business Reports	Quickly identify key data and conclusions
🧑‍💻 Technical Docs	Learn about APIs interactively while browsing

---

🚀 Quick Setup

1️⃣ Clone Repository

git clone https://github.com/yourusername/smart-page-ai-extension.git

2️⃣ Load Extension

1. Open chrome://extensions/

2. Enable Developer Mode

3. Click Load unpacked

4. Select your project folder

---

3️⃣ Configure API

Add your OpenAI API key securely (via backend proxy or environment variable).

---

4️⃣ Start Using

Click the Smart Page AI icon on any webpage — then start chatting with your page! 💬

---

📸 Screenshots

Popup UI	Interaction Example

---

🧠 How It Works

• Extracts visible text from the active webpage
• Sends it to your backend (or OpenAI API) for understanding
• Generates relevant answers or summaries based on your query
• Displays responses in a clean, chat-style popup

---

🧩 Folder Structure

smart-page-ai-extension/
│
├── manifest.json
├── background.js
├── content.js
├── popup.html
├── popup.js
├── styles.css
└── icons/

---

✨ Features

✅ AI-powered Q&A for any webpage
✅ Lightweight & privacy-friendly
✅ Works seamlessly on any website
✅ Beautiful minimal popup design

---

❤️ About

Built with ❤️ by Lacky Kannauje
for a smarter, more productive browsing experience.

🔗 View on GitHub