🔧 AI Nachrichten Major AI platforms go down in unprecedented simultaneous outage(03.09.2026 um 17:34 Uhr)
🔧 AI Nachrichten ChatGPT, Claude, and Grok Down? Users Report Widespread Outages(03.09.2026 um 19:14 Uhr)
🔧 AI Nachrichten OpenAI Launches GPT-6 Astra, Says We May Have Entered the AGI Era(03.09.2026 um 22:08 Uhr)
🔧 AI Nachrichten Claude Comes to CarPlay as Fifth Major AI Chatbot App(05.09.2026 um 05:31 Uhr)
🔧 AI Nachrichten OpenAI’s GPT-6 Astra Is AGI, Says NVIDIA CEO Jensen Huang(07.09.2026 um 06:31 Uhr)
🔧 AI Nachrichten Blame AI companies for Mac mini and Mac Studio shortage(31.08.2026 um 10:32 Uhr)
🔧 AI Nachrichten Major AI platforms go down in unprecedented simultaneous outage(03.09.2026 um 17:34 Uhr)
🔧 AI Nachrichten ChatGPT, Claude, and Grok Down? Users Report Widespread Outages(03.09.2026 um 19:14 Uhr)
🔧 AI Nachrichten OpenAI Launches GPT-6 Astra, Says We May Have Entered the AGI Era(03.09.2026 um 22:08 Uhr)
🔧 AI Nachrichten Claude Comes to CarPlay as Fifth Major AI Chatbot App(05.09.2026 um 05:31 Uhr)
🔧 AI Nachrichten OpenAI’s GPT-6 Astra Is AGI, Says NVIDIA CEO Jensen Huang(07.09.2026 um 06:31 Uhr)
🔧 AI Nachrichten Blame AI companies for Mac mini and Mac Studio shortage(31.08.2026 um 10:32 Uhr)

🔧 Programmierung 🕛 kürzlich 7 Min Lesezeit
0

I Built a Chrome Extension That Teaches Vocabulary While You Browse

↗ Quelle (dev.to)
🗣️ Stimme:
📑 Inhaltsübersicht




What If Reading Blogs Automatically Improved Your Vocabulary?



A few months ago, I noticed something frustrating about the way most of us read online.



We scroll through articles, blogs, documentation, newsletters, tutorials — constantly running into unfamiliar words — and then do one of two things:




  • ignore them and keep reading

  • or open another tab just to search the meaning



Neither feels natural.



And after a while, reading in a new language starts feeling more like work than discovery.



So I built something to change that.






Meet LinguaFlow



LinguaFlow is a Chrome extension that turns normal reading into a lightweight language-learning experience.



Instead of interrupting your reading flow, it quietly helps you build vocabulary while you browse.





So LinguaFlow lets users save vocabulary instantly and build their own mini vocabulary bank over time.



Saved words can later be exported as:




  • CSV

  • JSON



which makes it useful for:




  • Anki imports

  • flashcard apps

  • spaced repetition systems

  • personal study sheets







Why I chose Gemma 4 31B



The extension uses



After testing several models, Gemma felt like the best balance between:




  • multilingual quality

  • reasoning

  • contextual understanding

  • cost

  • response speed



One thing I noticed quickly is that vocabulary translation is deceptively difficult.



A word rarely means the same thing everywhere.



Take the word:




"charge"




Depending on context, it could mean:




  • electrical charge

  • legal accusation

  • payment

  • responsibility



Literal translation systems often fail here.



Gemma performed noticeably better at understanding contextual meaning rather than blindly translating tokens.



That mattered a lot for this project.







Why OpenRouter made sense



I used









4. Pin the extension



After loading the extension:




  • click the Extensions icon in Chrome

  • pin LinguaFlow to the toolbar



This makes it easier to access while reading blogs or articles.









Using LinguaFlow on a website






Step 1 — Open any article or blog



Visit:




  • Dev.to

  • Medium

  • documentation sites

  • tutorials

  • news articles

  • or any readable webpage









Step 2 — Activate LinguaFlow



Click the extension icon and press:




Activate on this page




The extension will begin scanning the article for target vocabulary.









Step 3 — Add your API key (one-time setup)



For the first setup, add either:




  • your OpenRouter API key

  • or Gemini API key





Now select:




  • your target language

  • vocabulary difficulty level



Difficulty modes:




  • Beginner

  • Intermediate

  • Advanced



This controls which words get highlighted.









Reading experience



Once activated, LinguaFlow automatically underlines words that may be useful for learning.





Whenever you find a useful word, you can save it instantly.



Saved vocabulary can later be accessed directly from the extension UI.



Users can also export saved vocabulary as:




  • CSV

  • JSON



which works nicely for:




  • flashcard apps

  • study sheets

  • spaced repetition systems

  • Anki imports









Current supported features




  • AI-powered contextual translation

  • 10+ target languages

  • difficulty-based vocabulary filtering

  • smart inline underlining

  • vocabulary saving system

  • CSV/JSON export

  • lightweight reading experience

  • works across modern blog platforms









Tech Stack



Built with:




  • React

  • TypeScript

  • Tailwind CSS

  • Chrome Extension Manifest V3

  • OpenRouter

  • Gemma 4 31B









What’s next



A few ideas I'm exploring:




  • AI-generated quizzes from saved vocabulary

  • pronunciation support

  • YouTube subtitle integration

  • spaced repetition mode

  • offline vocabulary caching

  • contextual sentence explanations









Final thoughts



Most language tools pull you away from what you're doing.



LinguaFlow tries to stay inside the experience instead.



The best learning moments often happen accidentally:




  • while reading a blog

  • exploring a tutorial

  • scrolling through an article at 2AM



If a tool can turn those moments into vocabulary growth without interrupting curiosity, I think that's genuinely useful.



And honestly, building this made reading online feel fun again.






If you'd like to try the project, contribute ideas, or give feedback, I'd love to hear your thoughts.



Built with ❤️ using Gemma 4 31B .

Vollständiger Original-Bericht
Ausführliche Details, Code-Beispiele & Hersteller-Stellungnahme auf dev.to.
↗ Original-Artikel auf dev.to lesen
Wie bewertest du diesen Beitrag?
1 Klick Feedback
Teilen mit Netzwerk & Team:

Community-Analysen & Experten-Meinungen 0

Verfasse deine eigene Analyse, teile Workarounds oder diskutiere diesen Vorfall im Blog.
Noch keine Community-Analyse verfasst. Markiere einen Textabschnitt oder klicke oben auf Eigene Analyse verfassen“!
Community Pulse: Relevanz-Einschätzung
1 Klick Experten-Votum
🔴 Akute Relevanz 0%
🟡 In Evaluierung 0%
🟢 Keine Auswirkung 0%
Spannende Innovation 0%
Verwandte Story-Cluster & Quellen (Vektor-KI)
Port 8095 Engine
3 Quellen
GPT-6 Astra Release Today? OpenAI’s Next Major AI Model Is Almost Here
1 Quelle
Apple accuses OpenAI of destroying evidence as trade-secrets fight intensifies
1 Quelle
Major AI platforms go down in unprecedented simultaneous outage
Ähnliche Beiträge
🔍 Verwandte News

Auch interessante Nachrichten I Built a Chrome Extension That Teaches Vocabulary While You Browse

Thematisch verwandte Begriffe: Built, Chrome, Extension, That · 6 Treffer

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...