https://github.com/likhithsp/typingtest

Test and improve your typing speed with this interactive web game⌨️. Track your WPM, CPM, and mistakes in real-time with a dynamic paragraph generator for a unique challenge every time.
https://github.com/likhithsp/typingtest

css html javascript typing-game typingspeedtest

Last synced: about 2 months ago
JSON representation

Test and improve your typing speed with this interactive web game⌨️. Track your WPM, CPM, and mistakes in real-time with a dynamic paragraph generator for a unique challenge every time.

• Host: GitHub
• URL: https://github.com/likhithsp/typingtest
• Owner: LikhithSP
• License: mit
• Created: 2024-11-09T10:26:21.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-09T15:16:25.000Z (7 months ago)
• Last Synced: 2025-02-02T18:33:00.584Z (4 months ago)
• Topics: css, html, javascript, typing-game, typingspeedtest
• Language: JavaScript
• Homepage: https://likhithsp.github.io/typingtest/
• Size: 1.57 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
⌨️ Speed Typing Game


  


        

    

    
Aesthetically pleasing & interactive speed typing game to improve your speed, and challenge yourself to type faster and more accurately with dynamically loaded paragraphs

    

🎯 Features



  


Real-Time Typing Feedback: Characters turn green for correct inputs and red for mistakes.

  


Live Stats Update: Displays WPM, CPM, remaining time, and mistake count.

  


Responsive Design: Works on various screen sizes, making it accessible on mobile, tablets, and desktops.

  


Varied Paragraphs: Randomly loads a new paragraph each session for a fresh challenge every time.



🚀 Getting Started

To get a local copy up and running, follow these steps:


Prerequisites

Make sure you have a text editor and a live server extension or a similar tool to view the game in real-time.


Installation



  


Clone the repository:

    
git clone https://github.com/your-username/speed-typing-game.git

  

  


Navigate to the project folder:

    
cd speed-typing-game

  

  


Run the project:

    
Open index.html in a browser or use a live server extension in your editor to start the game.

  



📋 How to Play



  
Hit the "Try Again" button to load a new random paragraph.

  
Begin typing in the input field to start the countdown.

  
Keep typing! See your WPM and mistakes update as you go.

  
The game ends when the time reaches zero or you complete the paragraph.

  
Click "Try Again" to reset the game and try to beat your previous score!



🛠️ Built With



  


HTML - Structure and layout of the game.

  


CSS - Styling for a clean and modern user interface.

  


JavaScript - Functionality for typing logic, live updates, and timers.



💡 Future Improvements



  


Leaderboard: Add a high-score leaderboard to track progress and competition.

  


Dark Mode: Toggle between light and dark themes for more accessibility.

  


Difficulty Levels: Different time limits or longer paragraphs for advanced users.



🤝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the game.


## 🍀 Accomplishments 

- [MonkeyType](https://www.monkeytype.com) for inspiration and AI for beautiful and aesthetic background image

  

🤝 Connect With Me