Perfect โ youโre following the Devpost / Hackathon submission format ๐
Hereโs a polished and detailed version of those sections tailored specifically for your project Languaboost โ AI Language Learning Chrome Extension built for the Google Chrome Built-in AI Challenge 2025 ๐
๐ง Inspiration
Learning a new language is rewarding โ but traditional apps make it feel like a chore. We spend hours every day browsing the web, yet that time rarely helps us practice or learn something new. The inspiration for Languaboost came from a simple question:
โWhat if the browser itself could become your personal language tutor?โ
We wanted to make language learning invisible yet powerful โ something that blends into your daily routine rather than demanding extra effort. With Chromeโs new Built-in AI APIs and Gemini Nano, we saw a chance to turn the browser into a smart, offline, and privacy-first learning companion.
๐ What It Does
Languaboost is an AI-powered Chrome extension that helps users learn languages naturally while browsing the web โ all with on-device AI and complete privacy.
โจ Key Features:
- ๐ Instant Translation: Hover over text to see real-time translations using the Translator API.
- โ๏ธ Grammar Coach: Get instant grammar corrections and explanations powered by the Proofreader API.
- ๐ Vocabulary Builder: Save new words and generate example sentences using the Writer and Rewriter APIs.
- ๐ Progress Tracker: Visualize your learning progress, streaks, and achievements.
- ๐ Privacy-First: Everything runs locally via Gemini Nano โ no data leaves your device.
- ๐ด Offline Ready: Works perfectly even without an internet connection.
In short, Languaboost turns every webpage into an immersive language-learning experience. ๐๐ฌ
๐ ๏ธ How We Built It
We built Languaboost entirely with vanilla JavaScript, leveraging the latest Chrome Built-in AI APIs:
- Translator API โ Instant in-page translations
- Proofreader API โ Grammar correction & writing feedback
- Writer API โ Auto-generates example sentences
- Rewriter API โ Suggests alternative phrasings
- Summarizer API โ Summarizes long text for reading practice
We used Chrome Canary (AI Early Preview Program) to access these APIs locally with Gemini Nano, which performs all AI inference directly on the userโs device.
The extension follows a simple structure:
content-script.jshandles webpage interactions and overlayspopup.jsmanages the user interface and grammar practice featuresservice-worker.jscoordinates background AI processing
No backend, no API keys โ just pure on-device AI magic.
โ๏ธ Challenges We Ran Into
Every innovation comes with challenges, and this project was no exception:
- ๐งฉ Limited documentation on the new Chrome Built-in AI APIs meant a lot of experimentation.
- โก Performance tuning for smooth hover translations and overlays required optimization.
- ๐ Ensuring data privacy and storage isolation in Chromeโs local environment took careful design.
- ๐ Handling multi-language support with different writing systems (like Chinese and Japanese) introduced rendering challenges.
But solving these challenges helped us understand the real potential of on-device AI โ fast, private, and completely under the userโs control.
๐ Accomplishments That Weโre Proud Of
- ๐ Successfully integrated five Chrome Built-in AI APIs into one cohesive, offline-ready extension.
- ๐ก Built a tool thatโs both educational and privacy-first โ no external servers, no subscriptions.
- ๐ฏ Designed a simple and intuitive UI that blends with usersโ browsing habits.
- ๐ Created a real-world use case for Gemini Nano that demonstrates the future of edge AI learning.
- ๐ Released it open-source so others can explore Chromeโs AI APIs and extend the idea further.
Seeing the first instant translation overlay pop up locally โ with no network request โ was an incredible moment!
๐ What We Learned
- ๐ง Learned how Chromeโs Built-in AI ecosystem works and how to use Gemini Nano for real-time local inference.
- ๐ป Gained deep understanding of content scripts, service workers, and Chrome extension APIs.
- ๐ Discovered new ways to design privacy-first AI experiences that donโt depend on cloud models.
- ๐ Realized that AI + everyday browsing can transform the way people learn languages.
Most importantly, we learned that AI doesnโt have to live in the cloud โ it can live in your browser.
๐ Whatโs Next for AI Language Learning Companion
We see Languaboost as the first step toward a new generation of AI-driven language learning companions.
Next, we plan to:
- ๐ Integrate Speech Recognition & Pronunciation Feedback using Chromeโs Speech APIs.
- ๐ฌ Add Conversational AI Practice โ talk to Gemini Nano in your target language.
- ๐ Introduce Adaptive Learning Paths that evolve with each userโs progress.
- ๐ฑ Expand to mobile Chrome versions for Android and ChromeOS.
- ๐ Support more languages โ Korean, Portuguese, Russian, and beyond.
Our ultimate goal is to make language learning seamless, contextual, and fully private โ powered by the next generation of on-device AI.
Built With
- api
- css3
- gemini
- html5
- javascript
- translator
Log in or sign up for Devpost to join the conversation.