A mechanical keyboard typing test built with react. 30 seconds and random words - lets go.
https://farzanuddin.github.io/thock
An attempt to recreate monkeytype but with some inspiration from mechanical keyboards that i have been fascinated with recently. I took the inspiration from a keychron keyboard and saw examples of how it can be recreated. Just a simple typing test that generates words as random when you press a key and uses a few metrics to share about your attempt.
- 30-second timed test — starts on first keystroke, stops automatically
- Live WPM and accuracy — updates in real time as you type
- Mechanical keyboard sounds — per-key audio sampled from a single
.oggfile, played via the Web Audio API - Visual keyboard — on-screen keyboard highlights each pressed key
| Technology | Role |
|---|---|
| React 19 | UI framework |
| Vite 7 | Build tool |
| Tailwind CSS 3 | Utility-first CSS |
| random-words | Word list generation |
-
Install dependencies:
npm install
-
Start the dev server:
npm dev