Hello all,

I wanted to make a typing test website with ReactJS and JavaScript. So I looked around for good typing test website and one website came to mind monkeytype. it's quite popular for the minimal look. So I thought why not make clone of it.

After adding features and polishing the logic I thought about switching to TypeScript for experiment.

First I kept tsconfig.json settings to very loose and then tried tightening them step by step.

It was smooth three phase process (suggested by Mike North in Frontend Masters) for converting existing JavaScript codebase to TypeScript.

After 2 weeks of writing and refactoring, typing-test is ready to use for everyone.

If anyone wants to add new theme to typing-test take a look at this.
All contributions are welcomed :)

Features:

• Colorful multiple themes support
  • default
  • mkbhd
  • coral
  • ocean
  • azure
  • forest
• 4 time limits (15s, 30s, 45s, 60s)
• Smooth cursor
• Instant Tab restart
• Previous word correction

Screenshot:

Visit Site

Source Code