TestType

• 

  Summary of user's typing performance after they have completed their challenge (You can click on characters to see individual statistics)

• 

  Login form for creating accounts

Inspiration

This project was inspired by websites like 10fastfingers.com I wanted to build such a website myself.

What it does

It makes the user type random words to calibrate itself. Then it detects the weakest key of the user and makes them type words that containing the key. This is done with the intention to improve user's typing speed

Challenges I ran into

At start, I couldn't find a method to check if all words in a line have been typed by the user and should be hidden from view. But after some research, I was able to find a property called "offsetTop" which could be used to hide a complete line of words by checking if the 'offsetTop' of the current word is larger than the previous word. If yes, it means the current word is on a new line and all previous words should be hidden.

Accomplishments that I'm proud of

I implemented a custom but simple algorithm that finds out the users weakest key by multiplying the accuracy and speed for a specific character. The key with the lowest score is the weakest key. The algorithm can be tweaked to prefer accuracy over speed and the other way round.

What I learned

I gained a lot of experience related to web development as this was my first project that was a web app.

What's next for TestType

Now that I have learnt React, I want to convert it to React and improve its UI by using Material UI. Once I am free with my job search, I will upgrade TestType to use React.

Built With

• css
• jinja
• python
• typescript