Email Assistant Chrome Extension

A Chrome extension that extracts emails from web pages, generates AI responses using Google's Gemini, and sends emails. All interactions are stored in MongoDB.

Features

• Extract email addresses from any web page
• Input project details or requirements
• Generate AI responses using Google's Gemini
• Edit AI-generated responses before sending
• Send emails directly from the extension
• Store all interactions in MongoDB

Project Structure

extension/
├── manifest.json           # Extension configuration
├── popup.html              # Extension popup UI
├── popup.js                # Popup functionality
├── contentScript.js        # Email extraction script
├── background.js           # Background service worker
├── images/                 # Extension icons
│   ├── icon16.png
│   ├── icon48.png
│   └── icon128.png
└── server/                 # Backend server
    ├── server.js           # API endpoints and logic
    ├── package.json        # Server dependencies
    └── env.example         # Environment variables example

Setup Instructions

Chrome Extension

1. Clone this repository:

   git clone https://github.com/yourusername/email-assistant.git
   cd email-assistant
   

2. Add extension icons to the images folder (16x16, 48x48, and 128x128 pixels)

3. Load the extension in Chrome:

   • Open Chrome and navigate to chrome://extensions/
   • Enable "Developer mode" (toggle in the top right)
   • Click "Load unpacked" and select the extension folder

Backend Server

1. Navigate to the server directory:

   cd server
   

2. Install dependencies:

   npm install
   

3. Create a .env file based on env.example and fill in your credentials:

   cp env.example .env
   

4. Start the server:

   npm start
   

Usage

1. Navigate to a webpage containing email addresses
2. Click the Email Assistant icon in Chrome's toolbar
3. Click "Extract Emails" to find email addresses on the page
4. Enter project details in the text area
5. Click "Generate Response" to create an AI response
6. Edit the response if needed
7. Select the recipient email from the dropdown
8. Click "Send Email" to send the response

Configuration

• Gemini API Key: Obtain from Google AI Studio
• Email Sending: Uses Gmail, requires an app password
• MongoDB: Configure connection string in server's .env file

Technologies Used

• Frontend: HTML, CSS, JavaScript
• Backend: Node.js, Express
• Database: MongoDB
• AI: Google Gemini
• Email: Nodemailer
• Chrome Extension APIs