https://github.com/mirayatech/typerush
🍇 TypeRush is a website where you can practice typing to get faster and more accurate.
https://github.com/mirayatech/typerush
monkeytype react typescript typing-game typing-practice ui ux
Last synced: 3 days ago
JSON representation
🍇 TypeRush is a website where you can practice typing to get faster and more accurate.
- Host: GitHub
- URL: https://github.com/mirayatech/typerush
- Owner: mirayatech
- Created: 2024-02-07T07:58:36.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-15T19:43:52.000Z (about 1 year ago)
- Last Synced: 2025-04-01T08:21:22.506Z (about 1 month ago)
- Topics: monkeytype, react, typescript, typing-game, typing-practice, ui, ux
- Language: TypeScript
- Homepage: https://type-rush-theta.vercel.app
- Size: 496 KB
- Stars: 67
- Watchers: 1
- Forks: 5
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TypeRush - Get Better at Typing!
TypeRush is a web app that helps you get faster and more accurate at typing.
## 🚀 Features
- **New Typing Tests Every Time**: The app has lots of different texts to keep your practice interesting and challenging.
- **See Your Progress as You Type**: You can watch your typing speed, how well you're doing, and your score update live.
- **Spot Your Mistakes Easily**: If you type something wrong, it'll light up so you can see where you need to improve.
- **Caps Lock Warning**: It tells you if you've accidentally left Caps Lock on to avoid errors.
- **Summary After Each Test**: When you finish a test, you get a detailed report of your speed, score, and mistakes.
- **Keep Practicing**: You can start new tests over and over to keep getting better.
- **Nice and Simple Design**: The design is clean and easy to use, helping you focus on practicing.
- **Light and Dark Mode**: Matches your system preference to make it easy on your eyes, day or night.
## 🛠️ Technologies
- `React.js`
- `TypeScript`
- `Zustand`
- `CSS Modules`
- `React Icons`
## 📝 How It Works
TypeRush picks a passage for you to type. As you type, it keeps track of how fast and accurate you are, and how many points you get. It shows mistakes clearly and warns you about Caps Lock. After each round, you get a full breakdown of your performance to encourage you to keep improving.
## 🚦 Running the Project
To run the project in your local environment, follow these steps:
1. Clone the repository to your local machine.
2. Run `npm install` or `yarn` in the project directory to install the required dependencies.
3. Run `npm run start` or `yarn start` to get the project started.
4. Open [http://localhost:5173](http://localhost:5173) (or the address shown in your console) in your web browser to view the app.
## 💡 Improvements
- **Leaderboard**: Add a leaderboard to make it more competitive.
- **Your Own Texts**: Let you practice with whatever text you want.
- **More Stats**: Offer detailed stats to show how you're improving over time.
- **User Accounts**: Make accounts so you can pick up where you left off on any device.
## 🐞 Issues
- Right now, it doesn't work well on phones.
## 📸 Video
https://github.com/mirayatech/TypeRush/assets/71933266/c809db71-fd1a-481f-8f18-6f4a3a6fef11