KeyBattle - Typing Speed Game

KeyBattle is an engaging typing speed game that helps you improve your typing skills through two exciting game modes: Timed Mode and Race Battle Mode. Built with React, this game offers a modern, responsive interface with interactive features and sound effects.

Features

Game Modes

1. Timed Mode

   • Customizable time limit (10-300 seconds)
   • Adjustable word count (10-200 words)
   • Words Per Minute (WPM) tracking
   • Accuracy measurement
   • Fun Sound effects

2. Race Battle Mode

   • Three difficulty levels (Easy, Medium, Hard)
   • Score multiplier system
   • High score tracking
   • Bonus time rewards
   • Progressive difficulty
   • Fun Sound effects

Common Features

• Modern, responsive UI
• Real-time feedback on typing accuracy
• High score persistence using localStorage
• Interactive mouse-following gradient background

Technologies Used

• React.js
• React Router for navigation
• CSS3 with modern features
• Local Storage for data persistence
• Custom sound effects

Getting Started

Prerequisites

• Node.js (v14.0.0 or higher)
• npm or yarn package manager

Installation

1. Clone the repository:

git clone https://github.com/yourusername/keybattle.git

2. Navigate to the project directory:

cd keybattle

3. Install dependencies:

npm install
# or
yarn

4. Start the development server:

npm start
# or
yarn start

5. Open http://localhost:3000 to view it in your browser.

How to Play

Timed Mode

1. Select your desired time limit and word count
2. Toggle sound effects if desired
3. Click "Start Typing" to begin
4. Type the words as they appear
5. Try to complete as many words as possible within the time limit

Race Battle Mode

1. Choose your difficulty level:
   • Easy: +3 seconds per correct word
   • Medium: +2 seconds per correct word
   • Hard: +1 second per correct word
2. Toggle sound effects if desired
3. Click "Start Race" to begin
4. Type words correctly to earn bonus time
5. Try to achieve the highest score possible

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. // edit 31730 // edit 16650 // edit 6138 // edit 28854