Typing Speed Game

A responsive and interactive typing speed game built with HTML, CSS, and JavaScript. Perfect for improving typing accuracy and speed while having fun.

A simple and interactive typing speed game built with HTML, CSS, and JavaScript. It randomly displays motivational quotes for the user to type, and calculates real-time performance metrics like WPM, CPM and mistake count. Built as a beginner-friendly frontend project to sharpen DOM manipulation and event handling skills.

🚀 Features

• Randomly generated motivational quotes
• Real-time typing feedback (correct/incorrect)
• Timer countdown
• WPM (Words Per Minute), CPM (Characters Per Minute), and Mistake counter
• “Try Again” reset functionality
• Fully responsive layout

🛠️ Built With

• HTML
• CSS
• JavaScript (Vanilla)

📸 Screenshot

![Typing Game Screenshot] (https://github.com/user-attachments/assets/add5ad99-1002-43b0-a68e-5f8f61f8e246)

📦 Installation

git clone https://github.com/your-username/typing-speed-game.git
cd typing-speed-game
open index.html

## 🧠 Lessons Learned

- Improved DOM manipulation techniques
- Learned how to track and calculate WPM and CPM
- Practiced real-time input handling and visual feedback
- Gained experience using `setInterval` and `clearInterval`

## 💡 Future Improvements

- Add dark mode toggle
- Allow user to choose difficulty levels or paragraph length
- Store high scores using localStorage
- Add sound effects or animations for correct/incorrect keystrokes
- Mobile optimization and accessibility improvements