An AI-powered Gmail extension that seamlessly integrates an intelligent backend with the Gmail UI to generate instant, context-aware email replies.
BootMail AI is a full-stack, AI-powered email assistant developed as a browser extension. It seamlessly integrates a custom Spring Boot backend with the Gmail UI, enabling users to generate instant, context-aware email replies with the click of a button.
The project demonstrates a comprehensive understanding of client-side and server-side development by:
- Engineering a RESTful API in Java with Spring Boot to process user requests and communicate with a powerful AI model.
- Developing a dynamic content script to inject a custom "AI Reply" button directly into the Gmail compose toolbar, ensuring a native user experience.
- Implementing robust CORS security and browser extension permissions to allow for secure cross-origin communication between the extension and the backend server.
This project showcases a hands-on application of modern web technologies to solve a practical problem, highlighting skills in API design, full-stack integration, and browser extension development.
- Seamless UI Integration: A custom "AI Reply" button is injected directly into the Gmail's native interface.
- Intelligent Context Analysis: The extension extracts the email's content and sends it to the backend for accurate reply generation.
- RESTful API: A clean and robust API handles requests and returns a generated response.
- CORS Security: Properly configured to allow secure communication between the browser extension and the backend server.
- JavaScript: For DOM manipulation, event handling, and API calls.
- HTML/CSS: To create the extension's UI components.
- Chrome Extension API: For injecting the content script into the Gmail page.
- Java: The core programming language.
- Spring Boot: A powerful framework for building a production-ready, standalone API.
- Maven: For dependency management and building the project.
- REST API: The architectural style for communication.
The project is split into two main directories for clear separation of concerns.
/BootMail-AI/
โโโ frontend/ # All code for the browser extension
โ โโโ manifest.json
โ โโโ content.js
โ โโโ ...
โ
โโโ backend/ # All code for the Spring Boot application
โโโ src/
โโโ pom.xml
โโโ ...
To get the project up and running locally, follow these simple steps for both the backend and frontend.
- Java 17+ installed.
- Maven installed.
- Node.js installed (if you need to use npm commands).
- Navigate to the
backenddirectory in your terminal:cd backend - Build the project using Maven:
mvn clean install
- Run the application from the
targetdirectory:Your API will now be running onjava -jar target/email-generator-app-0.0.1-SNAPSHOT.jar
http://localhost:8080.
- Open your browser (e.g., Chrome, Brave).
- Navigate to the extensions page by typing
chrome://extensionsin the address bar. - Enable Developer mode in the top-right corner.
- Click on "Load unpacked" and select the
frontenddirectory from your cloned repository. - The BootMail AI extension icon will appear in your toolbar.
Now, open Gmail and start a new compose window to see the "AI Reply" button in action!
Contributions are what make the open-source community an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project.
- Create your Feature Branch (
git checkout -b feature/AmazingFeature). - Commit your Changes (
git commit -m 'Add some AmazingFeature'). - Push to the Branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
Distributed under the MIT License. See LICENSE for more information.
