TyBeat is a typing practice game inspired by MonkeyType. It helps users improve their typing speed and accuracy through various difficulty levels and challenges.
This project was built using:
- React - For building the user interface
- Vite - As the build tool and development server
- CSS - For styling the application
- JavaScript - For game logic and interactivity
- HTML - For the structure of the application
The game features sound effects for keystrokes, different difficulty levels, and real-time WPM (Words Per Minute) tracking.
Before you start, make sure you have the following installed on your computer:
- Node.js (version 14 or higher)
- npm (usually comes with Node.js)
-
Download the project
- Click the green "Code" button on GitHub and select "Download ZIP", or
- If you know how to use Git, you can clone the repository
-
Open your terminal/command prompt
-
Navigate to the project folder
cd path/to/tybeat -
Install the required packages
npm install -
Start the development server
npm run dev -
Open the game in your browser
- The terminal will show a link (usually http://localhost:5173/)
- Click on the link or copy and paste it into your browser
-
Select a difficulty level
- Beginner: For those just starting out
- Intermediate: For those with some typing experience
- Advanced: For skilled typists
- Expert: For typing masters
-
Type the displayed sentence
- Correctly typed characters will turn yellow
- Incorrectly typed characters will turn red
- Spaces are shown as "␣" symbols
-
Track your progress
- Time remaining is shown at the top
- Your current WPM (Words Per Minute) is displayed
- Your accuracy percentage is shown
-
Complete the level
- After finishing a sentence, you can try again or move to the next level
- Try to beat your previous WPM score!
Have fun improving your typing skills with TyBeat! The more you practice, the faster and more accurate you'll become.