Email-Extension

AI-powered browser extension to generate email replies directly from Gmail’s compose / reply window.

---

🚀 Features

• Detects when the Gmail reply / compose editor opens
• Shows an AI Reply button in the toolbar
• On clicking, sends the original email content to a backend service
• Gets a generated reply back and inserts it into the compose box

---

🧰 Tech Stack

Component	Technology
Browser extension	JavaScript / content scripts
Backend	Spring Boot (REST API)
Frontend UI	Gmail toolbar, MutationObservers

---

🛠 Setup / Installation

1. Backend (Spring Boot API)

• Clone or open your Spring Boot project (probably named EmailWriter or similar).

• Ensure you have the endpoint /api/email/generate working and configured.

• Make sure your application.properties has the needed settings, e.g.:

  gemini.api.url=https://your-ai-model-url
  gemini.api.key=YOUR_KEY_HERE
  server.port=8080

Directory Structure

Email-Extension/
│
├─ Extension/Email-Extension/
│   ├─ manifest.json
│   ├─ content.js
│   ├─ content.css   (if any styling)
│   └─ icons/        (if any extension icons)
│
├─ email-writer/     (Backend SPRING BOOT project)
│   ├─ src/
│   ├─ application.properties
│   └─ …
│
└─ FrontEnd-Test/FrontEndCode/
    └─ … (some prototype or testing UI)

🧪 How to Test

Load the extension in Chrome.

Open Gmail in a regular tab.

Click “Reply” on an email.

Wait for toolbar, then look for AI Reply button.

Click the button. Confirm:

Backend receives API call

Generated reply text shows in the compose box

Inspect DevTools console for logs (in content.js) to debug if something doesn’t work.