VocabularyTest: Building My Own English Vocabulary Practice Tool

Posted by Wayne X.Y. on Tuesday, May 5, 2026

Why Build This?

Vocabulary memorization is probably the most tedious part of learning English. There are plenty of apps out there, but they all seem to have the same problems — too many ads, overcomplicated interfaces, or no way to practice the specific words you care about.

So I built my own.

VocabularyTest is my latest side project: a lightweight English vocabulary quiz web app with one goal — open it, practice, and move on.


Features

  • Question count selector: choose 10, 20, 30, or all words before starting the quiz
  • Instant feedback: after each answer, the correct option highlights green and a wrong selection turns rust-orange — no guessing what you got right
  • Wrong-answer review: once the quiz ends, if you missed 4 or more words you can re-quiz on just those, targeting your weak spots
  • Vocabulary list tab: switch to the 📋 tab to browse all loaded words with keyword search, part-of-speech filter, A–Z / Z–A sort, and a list / grid view toggle

Importing Vocabulary

The app reads .md or .txt files. Each entry must follow this format:

- **word**,[pronunciation],part of speech,meaning

Example:

- **absolute**,[ˈæb.sə.luːt],adj,絕對的、完全的
- **ambiguous**,[æmˈbɪɡ.ju.əs],adj,模糊的、不明確的

Both the full-width Chinese comma and the standard comma , are accepted as separators. Once your vocabulary file is ready, upload it on the page and the quiz starts immediately.


Tech Stack

The app is built as a pure frontend project deployed on Cloudflare Pages. Vocabulary parsing, quiz logic, and UI rendering are split into separate modules (parser.js, quiz.js, ui.js) to keep the codebase maintainable as it grows.


Give It a Try

Head over to: vocabulary-test.wayne-xy.com