A web-based typing game to improve your typing skills with customizable settings, progressive difficulty levels, and a nerdy dark mode interface.
- Multiple Difficulty Levels: Easy, Medium, and Hard text options
- Progressive Challenge: Game gets more difficult as you level up
- Real-time Stats: Monitor your WPM (Words Per Minute), accuracy, and score
- Customizable Settings:
- Difficulty selection
- Time limit adjustment
- Custom text input
- Theme options (Light, Dark, Blue, Matrix)
- Sound effects toggle
- Pause Functionality: Pause and resume your typing session at any time
- Sound Effects: Audio feedback for keystrokes, errors, level completion, and game over
- Nerdy Dark Mode: Matrix-inspired dark theme with cool visual effects
- Local Storage: Saves your settings and high score
- Dynamic Text Loading: Texts loaded from external JSON file for easy customization
- Click "Start Game" to begin typing
- Type the displayed text as quickly and accurately as possible
- Each correct character increases your score
- Each incorrect character decreases your score
- Complete the text to move to the next level
- The time limit decreases with each level, increasing the challenge
- Game ends when the time runs out
- Press ESC or click the pause button to pause the game
- Custom Text: Add your own text in the settings to practice specific phrases or words
- Time Limit: Adjust the timer for longer or shorter sessions
- Visual Theme: Choose from Light, Dark, Blue, or Matrix themes
- Sound Effects: Enable or disable sound effects based on your preference
- HTML5
- CSS3 (with CSS Variables for theming)
- JavaScript (Vanilla JS, no frameworks)
- LocalStorage API for saving settings
- Fetch API for loading JSON data
- Add your own sound files to the
soundsfolder - Make sure they are named:
keystroke.mp3: Played when a correct key is pressederror.mp3: Played when an incorrect key is pressedlevel-up.mp3: Played when completing a text and moving to the next levelgame-over.mp3: Played when the game ends
The game loads texts from the texts.json file. You can modify this file to add your own typing challenges:
{
"easy": [
"Your easy text here."
],
"medium": [
"Your medium difficulty text here."
],
"hard": [
"Your challenging text here."
]
}- Clone or download this repository
- Add sound files to the
soundsfolder (optional) - Open
index.htmlin a web browser - Click "Start Game" to begin or customize your settings first
- Focus on accuracy first, then speed
- Start with easier levels and gradually move up
- Practice regularly for best results
- Use custom text to target specific challenges you face
- Pay attention to your posture and hand position
This project is open source and available under the MIT License.
Created to help improve typing skills through interactive practice with a nerdy twist.