TypeMaster - Typing Speed Tester

A beautiful and feature-rich typing speed testing application built with HTML, CSS, and JavaScript.

🚀 Features

• Multiple Difficulty Levels: Easy (30s), Medium (60s), Hard (90s)
• Real-time Statistics: WPM, Accuracy, Progress tracking
• Visual Feedback: Color-coded typing with animations
• Performance Ratings: Expert, Skilled, Competent, Participant levels
• Certificate Generation: Beautiful PNG certificates with animated backgrounds
• Responsive Design: Works on desktop and mobile devices
• Keyboard Shortcuts: Ctrl+Enter to start, Escape to close modals

🎯 How to Use

1. Open index.html in your web browser
2. Select your preferred difficulty level
3. Click "Start Test" or press Ctrl+Enter
4. Type the displayed text as accurately and quickly as possible
5. View your results and generate a certificate with your name

📊 Performance Levels

• Expert Typist: 60+ WPM with 95%+ accuracy
• Skilled Typist: 40+ WPM with 90%+ accuracy
• Competent Typist: 25+ WPM with 80%+ accuracy
• Participant: Below the above thresholds

🎨 Design Features

• Modern gradient backgrounds
• Glassmorphism effects
• Smooth animations and transitions
• Professional typography
• Interactive hover effects
• Beautiful certificate designs

🛠️ Technologies Used

• HTML5
• CSS3 (Flexbox, Grid, Animations)
• Vanilla JavaScript
• Canvas API for certificate generation
• Font Awesome icons
• Google Fonts (Inter)

📁 Project Structure

typing-speed-test/
├── index.html          # Main HTML file
├── style.css           # Stylesheet with modern design
├── script.js           # JavaScript functionality
└── README.md           # Project documentation

🌟 Key Features Explained

Real-time Feedback

• Green highlighting for correct characters
• Red highlighting for errors with shake animation
• Blue highlighting for current typing position

Progress Tracking

• Visual progress bar showing completion percentage
• Live WPM and accuracy calculations
• Error counting and character tracking

Certificate System

• Personalized certificates with user names
• Performance-based badge colors
• Professional design with animated backgrounds
• Downloadable as high-quality PNG files

🎮 Keyboard Shortcuts

• Ctrl + Enter: Start typing test
• Escape: Close results modal

📱 Responsive Design

The application is fully responsive and works seamlessly on: - Desktop computers - Tablets - Mobile phones

🚀 Getting Started

1. Clone this repository
2. Open index.html in any modern web browser
3. Start typing and improve your skills!

🤝 Contributing

Feel free to fork this project and submit pull requests for any improvements.

📄 License

This project is open source and available under the MIT License.