Skip to content

ritiksingh-01/Speed-Typing-Master

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

⌨️ Speed Typing Master

Speed Typing Master is a modern, customizable web app to test and improve your typing speed and accuracy. Level up your skills with real-time feedback, multiple challenges, beautiful UI themes, achievement badges, and interactive sound. Perfect for all ages and skill levels!


🚀 Features

  • 🏆 Difficulty Levels: Easy, Medium, and Hard—challenge yourself with varying paragraph complexities.
  • Custom Time Modes: Choose your typing duration (30s, 60s, 120s) for the perfect practice session.
  • 🎨 Dynamic Themes: Light, Dark, and Retro themes—style it your way!
  • 🔊 Sound Effects: Optional click, error, and completion sounds for immersive feedback.
  • 📈 Live Stats: Real-time WPM (Words Per Minute), CPM (Characters Per Minute), mistakes, and accuracy.
  • 📊 Progress Bar: Visual progress feedback as you type.
  • 🏅 Achievements: Motivational messages and icons based on your performance.
  • 🗂️ Typing History: Tracks your results locally—export your stats as JSON.
  • 💯 Perfect Typing Badge: Get rewarded for flawless runs.
  • 📱 Fully Responsive: Looks and works great on desktop and mobile.
  • 📤 Share & Export: Share your best scores and export your typing history with a click.

🖼️ App Preview

Speed Typing Master Screenshot


💡 How To Use

  1. Clone or Download the Repository
    git clone https://github.com/ritiksingh-01/Speed-Typing-Master.git
    cd Speed-Typing-Master
  2. Open index.html in your web browser
  3. Select your favorite difficulty, time, theme, and sound options
  4. Type the displayed paragraph as quickly and accurately as you can
  5. Check your stats, achievements, and badges at the end
  6. Export your typing history or share your result with friends!

🛠️ Tech Stack

  • HTML5
  • CSS3 (Custom, Responsive, Themed)
  • JavaScript (Vanilla, Zero frameworks)
  • Font Awesome for stylish icons

📁 Project Structure

├── index.html      # Main HTML file
├── style.css       # All custom styles and themes
├── script.js       # Typing logic, stats, and interactivity

⚙️ Customization & Settings

  • Difficulty: Select Easy, Medium, or Hard for different paragraph complexities.
  • Time: Choose your challenge: 30s, 60s, or 120s.
  • Theme: Instantly switch between Light, Dark, and Retro styles.
  • Sound: Enable or disable typing and feedback sounds.

🏅 Achievements & Motivation

  • Motivational messages and icons appear as you reach new speed milestones.
  • Earn a “Perfect Typing” badge for completing a round with zero mistakes.
  • All results are saved in your browser and exportable as a file.

🤝 Contributing

Contributions and suggestions are highly appreciated!

  1. Fork this repository
  2. Create your feature branch:
    git checkout -b feature/AmazingFeature
  3. Commit your changes:
    git commit -m 'Add some AmazingFeature'
  4. Push to your branch:
    git push origin feature/AmazingFeature
  5. Open a pull request and show your skills!

Made with by Ritik Singh
Level up your typing. Every day. 🚀