React speed typing game

Test your typing speed with this small react project

how it works

• Click start button
  • The keyborad focus with automatically be in the input field
    • Input field will be enabled for typing
  • The time will start counting from deafult time which is 30 secs
  • At the end of the time you will see how many words you typed in as many seconds
    • input field will be disabled
    • The function below will return the exact word count without spaces

     	function calculateWordCount(text) {
     			const wordsArr = text.trim().split(" ")
     			return wordsArr.filter(word => word !== "").length
     		}

React feautures covered

1. Hooks

   • useEffect
   • useState
   • useRef
   • custom hooks

2. Functional components

Quick start:

$ yarn # npm install
$ yarn start # npm start

Contact me [email protected]

Happy Coding!

GitHub

https://github.com/Didier187/SpeedTypingGame