ConceptMate AI

ConceptMate AI is a Chrome extension that helps students quickly understand complex conceptsusing ChatGPT.

Instead of manually searching for explanations, students can simply highlight any concept on a webpage and get an AI-powered explanation instantly.

---

🚀 Features

• Highlight any concept on a webpage • Floating AI icon appears next to selected text • Click the icon to generate an explanation • Structured explanation using the ELI5 framework • Opens ChatGPT with a ready-to-use prompt • Works on any website

---

🧠 How It Works

1. Highlight any concept on a webpage

2. A floating AI icon appears

3. Click the icon

4. ChatGPT opens with a structured explanation prompt

5. Get explanations in multiple levels:

   • ELI5 explanation
   • Intermediate explanation
   • Engineering-level explanation
   • Real-world applications
   • Possible exam questions

---

💡 Why ConceptMate?

Engineering students often struggle with difficult technical explanations in textbooks or articles.

ConceptMate simplifies learning by providing:

• Clear explanations
• Multi-level understanding
• Visual diagrams when possible
• Faster concept clarity

---

🛠 Tech Stack

Chrome Extension (Manifest V3) JavaScript HTML / CSS

No backend server required.

---

⚙️ Installation (Developer Mode)

1. Download or clone this repository

2. Open Chrome and go to:

chrome://extensions

3. Enable Developer Mode

4. Click Load unpacked

5. Select the project folder

6. The ConceptMate AI extension will now appear in your browser.

---

📦 Project Structure

ConceptMate-AI
│
├ manifest.json
├ background.js
├ content.js
├ popup.html
├ popup.js
├ modal.html
├ modal.js
├ icon.png
└ README.md

---

🎯 Future Improvements

• Auto-submit prompts in ChatGPT • YouTube lecture explanations • Screenshot / diagram explanations • Multi-language explanations • In-browser AI explanation panel

---

Install Extension (Beta Testing)

1. Download ZIP from this repository
2. Extract the folder
3. Open Chrome → chrome://extensions
4. Enable Developer Mode
5. Click Load Unpacked
6. Select the folder

---

Screenshots

Floating Icon

Extension Pop-up

Extension Card opening in new browser after following Select Text >> Right click >> Select "Explain concept with AI"

---

👨‍💻 Author

Built by Anurag as an experiment to simplify technical learning using AI.

---