Skip to content

Reckue/reckue-langs

Repository files navigation

Reckue Languages

An interactive vocabulary builder for Chrome — click words on any page to save, highlight, and turn them into flashcards.

Available in the Chrome Web Store

License: Apache 2.0 Version Contributions Welcome Issues

What it does

Reckue Languages is a Chrome extension (Manifest V3) that builds your vocabulary as you read. Browse the web normally; when you hit a word worth remembering, click it. The word is saved to your personal wordbook, highlighted on the page, and available as a flashcard in the popup.

Saved words stay highlighted across pages, so you keep seeing them in context — which is what makes them stick.

Features

  • Save words with a single click on any page
  • Per-level highlighting via the CSS Custom Highlight API (the page's own DOM is left untouched)
  • A popup wordbook to review and manage what you've collected
  • Works inside iframes and shadow DOM

Words highlighted by level on a web page
Saved words highlighted by level, right in the page you're reading.

The popup wordbook
The popup wordbook — review and manage what you've collected.

Install

Get the published extension from the Chrome Web Store.

Build & run from source (development)

The extension is built from TypeScript with Webpack. To run it locally as an unpacked extension:

1. Install dependencies

npm install

2. Build the bundles

npm run build

This compiles the source in src/ into the loadable bundles:

  • dist/page/page.js — content script
  • dist/popup/popup.js — popup UI

3. Load it into Chrome

  1. Open chrome://extensions/.
  2. Enable Developer mode (top-right toggle).
  3. Click Load unpacked and select this project's root folder (the one containing manifest.json).

Load unpacked

4. Try it

Open any web page and click a word — it should be saved and highlighted. Open the extension popup to review your wordbook.

Tech stack

  • TypeScript (target: es2022), bundled with Webpack 5 + ts-loader
  • Content script (src/page/*) — vanilla TypeScript, direct DOM work, highlighting via the CSS Custom Highlight API
  • Popup (src/popup/ui/*) — Preact

Contributing

Contributions are welcome. See CONTRIBUTING.md for the workflow, branch and commit conventions, and how to open a pull request. Found a bug or have an idea? Open an issue.

Privacy

All data stays on your device — the extension makes no external requests. See PRIVACY.md.

License

Licensed under the Apache License 2.0. See LICENSE.

About

Build your vocabulary as you browse — click any word to save and highlight it.

Topics

Resources

License

Contributing

Stars

6 stars

Watchers

2 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors