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. ๐Ÿš€