Keyboard Shortcut Trainer
It shows a command, you press the shortcut, it tells you if you're right.
IntermediateWeb appEducation8–16hAI-buildable 5/5no setupworth shipping
Drill yourself on an editor's shortcuts. A command appears, you press keys, and it checks the combination — with spaced repetition so the ones you keep missing come back more often. Capturing key combinations correctly, including the ones the browser wants for itself, is the tricky part.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- A command prompt appears and waits for a key combination
- The pressed combination is captured and compared to the answer
- Correct and incorrect answers give immediate distinct feedback
- Missed shortcuts reappear more frequently
- Session accuracy and streak are tracked
- Shortcut sets can be swapped between editors
- Progress persists across reloads
The interesting part
- Capturing combinations the browser reserves for itself
- Normalising modifier differences across platforms
- A spaced-repetition schedule that isn't just a shuffled queue
Once it works
- Add a timed drill mode
- Let users import their own keymap
- Show a heat map of which keys you're slowest on
Suggested stack
reacttypescripttailwindlocalstorage