Responsive website made using CSS and JS properties.

What are you most proud of, and what would you do differently next time?

First of all, very proud on completing this project. I made use to the best of my knowledge with the help of online docs and all. I made use of Tailwind CSS classes to implement that cursor div over text with css flex properties to layout my buttons and also used various sections to display each part. Whenever the next time I am making such project I will try to use more resources to understand and make the website with more features and easie to use for the users.

What challenges did you encounter, and how did you overcome them?

While making the project there were various small challenges I had faced but majorly I remember that blur text at the beginning of the screen which I handled with JS classlist attribute by removing it as soon as I click the start button , also another challenge was of that cursor moving on the current div, it was not getting the correct position as it should have get while clicking letters later after reading and taking help I implemented it with using JS "rect" property and last challenge i remember was mobile-responsiveness which was like after deploying the site the site's JS code was no working correctly as it was working on the laptop , so i handled it using some text display focus issues and completed my project.

What specific areas of your project would you like help with?

I'd love feedback on my approach. I wrote custom JavaScript rather than using a library. Specifically,I made use of AI to calculate WPM,Accuracy and time display(hope it is correct).

Also, my CSS feels repetitive in the button styles section. Is there a cleaner way to handle the different button variants while keeping the code DRY?