Skip to content

This "Speed Typer" game uses HTML, CSS, and JavaScript to challenge typing speed. Words are fetched from a random word API, and JavaScript manages score, countdown, and difficulty levels levels of easy, medium, and hard. The game also uses local storage for saving difficulty preferences and updates DOM elements dynamically.

Notifications You must be signed in to change notification settings

DevMaverickMB/speed-typer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Speed Typer

🌐LIVE

Speed Typer is an engaging web-based typing game that challenges users to type random words as quickly and accurately as possible. Test your typing prowess while racing against the clock in this fast-paced, skill-enhancing game!

Table of Contents

Features

  • Random Word Generation: Utilizes an external API to fetch diverse words for typing challenges.
  • Adjustable Difficulty Levels: Choose between Easy, Medium, and Hard modes to suit your skill level.
  • Real-time Score Tracking: Instantly see your score update as you successfully type words.
  • Dynamic Countdown Timer: Race against time as the clock ticks down, adding urgency to each typing challenge.
  • Responsive Design: Enjoy a seamless experience across various devices and screen sizes.
  • Local Storage: Your difficulty preference is saved locally for a personalized experience.
  • Sleek UI: Clean and intuitive interface with smooth transitions and visual feedback.

Technologies Used

  • HTML5
  • CSS3 (with Flexbox for layout)
  • JavaScript (ES6+)
  • Random Word API for word generation

Installation

  1. Clone the repository:
    git clone https://github.com/DevMaverickMB/speed-typer
    
  2. Navigate to the project directory:
    cd speed-typer
    
  3. Open index.html in your preferred web browser.

No additional dependencies or build steps are required!

How to Play

  1. Upon loading the game, you'll see a random word displayed.
  2. Type the word in the input field as quickly and accurately as you can.
  3. The game automatically checks your input as you type.
  4. If correct, your score increases, and a new word appears.
  5. Keep typing words until the timer runs out.
  6. Try to achieve the highest score possible before time expires!

Game Mechanics

  • Scoring: Each correctly typed word adds 1 point to your score.
  • Timer: The game starts with 10 seconds on the clock.
  • Time Bonuses:
    • Easy mode: +5 seconds per correct word
    • Medium mode: +3 seconds per correct word
    • Hard mode: +2 seconds per correct word
  • Game Over: The game ends when the timer reaches zero.

Customization

  1. Click the settings icon (⚙️) in the bottom left corner to open the settings panel.
  2. Choose your preferred difficulty level: Easy, Medium, or Hard.
  3. Your selection is automatically saved and will be remembered for future games.

Credits

Happy typing ❤️, and may your fingers fly faster than ever!

About

This "Speed Typer" game uses HTML, CSS, and JavaScript to challenge typing speed. Words are fetched from a random word API, and JavaScript manages score, countdown, and difficulty levels levels of easy, medium, and hard. The game also uses local storage for saving difficulty preferences and updates DOM elements dynamically.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published