A React App That Collects Users Typing Speed Data With Time And Words Per Minute
⚡ Typing Speed Test App ⚡
About ❔
This is an app that collects users typing speed data with time and words per minute.
Here is the live version:https://typing-speed-4un.pages.dev/
Flow ?
When you start the app it welcomes you with a ‘Get Words’ button that fetches 20 random words from api. After you click that button the app displays a loading spinner and shows the 20 fetched randomized words from the api when the loading stops. When the user starts typing in the input field, the timer and WPM start to work. At the end of 20 words, the game is over and the results are saved in Local Storage by storing Time and WPM data. The saved data can be accessed from the ‘Result’ button. If the user wishes, he/she can restart the game from the ‘Restart’ button in the upper right.
Stack ?
- React
- Typescript
- Tailwind
- Hooks
- LocalStorage
- Axios