Typing Practice Component - Copy this Html, Bootstrap Component to your project

Create me website like moneytype, where people will practice 10 finger typing. the site will have a navbar in top center of the page where people can select wheather it is easy, medium or hard. and the time like 30s, 60s, 120s. the easy hard medium buttuns will decide the sentence quality and the timer will start selected time countdown and when it finishes it will show the results of typing like wpn accuracy and time using a beautifull graph chart. there will be no textbox to type but the sentence itself work like textbox, when user start typing the realtime text detection detect if it is correct or incorrect and then it will change the color of the text so that user can find out which letter he is writting and which letter is incorrect so that he can fix the letter or word by backspaching. the ui should be well designed and also every eliments should be in center of the page. the letter and word highliting effect and the animations shoulb be better and smooth