How archilantern/qwerty-learner works
Qwerty Learner combines vocabulary memorization with English keyboard muscle-memory practice. The main workflow selects a dictionary chapter, loads its words, accepts typing practice, and presents speed/accuracy feedback; pronunciation and dictation settings enrich practice. Separate areas provide dictionary browsing, error review, and historical analytics, backed by local browser records and persistent preferences. README capability claims supplement the sampled source; links for unsampled page internals are intentionally conservative.
Main entry points: src/index.tsx Application Router · Typing/index.tsx Typing Practice · useWordList.ts Chapter Word List · index.ts Local Records
Components 18
Practice
- Typing Practice
src/pages/Typing/index.tsx - Chapter Word List
src/pages/Typing/hooks/useWordList.ts - Typing Controls
src/pages/Typing/components/WordPanel/index.tsx - Practice Results
src/pages/Typing/components/ResultScreen/index.tsx - Pronunciation
src/hooks/usePronunciation.ts
Dictionary Library
- Dictionary Gallery
src/pages/Gallery-N/index.tsx - Dictionary Details
src/pages/Gallery-N/DictDetail/index.tsx - Dictionary Catalog
src/resources/dictionary.ts - Word List Fetcher
src/utils/wordListFetcher.ts
Review and Insights
- Error Book
src/pages/ErrorBook/index.tsx - Practice Analysis
src/pages/Analysis/index.tsx
State and Services
- Application Router
src/index.tsx - Local Records
src/utils/db/index.ts - Word Records
src/utils/db/record.ts - Chapter Records
src/utils/db/review-record.ts - User Preferences
src/store/index.ts
Other components
- Learner
- Youdao Audio
Connections 24
- Learner → Application Router: opens
- Application Router → Typing Practice: routes to
- Application Router → Dictionary Gallery: routes to
- Application Router → Practice Analysis: routes to
- Application Router → Error Book: routes to
- Typing Practice → Chapter Word List: loads words
- Chapter Word List → User Preferences: reads selection
- Chapter Word List → Dictionary Catalog: resolves dictionary
- Chapter Word List → Word List Fetcher: fetches list
- Learner → Typing Controls: types answers
- Typing Controls → Typing Practice: submits input
- Typing Practice → Practice Results: shows outcome
- Typing Practice → Pronunciation: requests audio
- Pronunciation → Youdao Audio: streams audio
- Learner → Dictionary Gallery: browses
- Dictionary Gallery → Dictionary Details: opens details
- Dictionary Details → Dictionary Catalog: reads catalog
- Learner → Error Book: reviews mistakes
- Error Book → Local Records: reads records
- Learner → Practice Analysis: views progress
- Practice Analysis → Local Records: queries history
- Local Records → Word Records: stores entries
- Local Records → Chapter Records: stores chapters
- User Preferences → Dictionary Catalog: maps selection