A static webpage to test your typing speed.
Last month, I bought myself a keyboard to avoid sticking with my laptop all day since i noticed the deterioration of my eyes and wrists. The new keyboard - Anne Pro 2 - is white wireless 60%-sized, and it gives me a wonderful time typing and flexible posture. I love it so far. And because i like to type, I had a long time practicing it on 10fastfingers. But the fact that the website requires Internet to get the results which i have little care for and the boring interface encourages me to make my own version.
This is my first serious static web project, and I'm building things from zero to learn more on-the-fly and get better at design and code organization. Thus, there are many mistakes need to be get away with.
Restrict the length of each word generated to less than 6 character.
Generate words that can be typed using only left hand. Specifically for those who want to practice one hand at the time like me 😆
Similarly, but words generated for right hand only typing.
Allow 2 flexible appearance mode with the switch as simple as a click. Also, dark mode can be set to auto by a checkbox
| Dark mode off | Dark mode on |
|---|---|
 |
 |
- Alt+Enter to reset timer.
- Cmd Ctrl+E to switch to left-hand mode.
- Cmd Ctrl+R to switch to right-hand mode.
Make your typing machine a bit customized by set your favorite theme. It currently haves 3 avaible themes, and will get more in later update. And the themes are made to compatible with dark mode.
-
Cacti
-
Flora
-
School
- I am still working on the custom theme feature. The source code has become large, so I considering changing the design which may take a while.
Try and see it yourself!
- The code is hard to read.
- I also includes a sketch design file in case you are interested in; I am not a desginer though.