TypeSprint is an interactive web app designed to help improve typing speed and accuracy.
TypeSprint selects a passage for you to type. As you type, it monitors your accuracy and mistakes. After each round, you get a breakdown of your performance to encourage continuous improvement.
- Diverse Typing Challenges: Enjoy a variety of texts to keep your practice engaging and challenging.
- Real-Time Progress Tracking: Watch your accuracy and score update as you type.
- Mistake Highlighting: Instantly spot your mistakes as they light up, aiding in identifying areas for improvement.
- Caps Lock Display: You can see on the game screen whether Caps Lock is on.
- Performance Summary: After each test, get a detailed report of your speed, score, and mistakes.
- Continuous Practice: Start new tests repeatedly to continually enhance your typing skills.
- Clean and Intuitive Design: Focus on your practice with a clean and user-friendly design.
- Light and Dark Mode: Adapts to your system preference for comfortable usage.
React.jsTypeScriptTailwind CSSZustandVite
To run the project locally, follow these steps:
- Clone the repository to your machine.
- Navigate to type-sprint and run
npm installoryarnin the project directory to install dependencies. - Run
npm run devto start the project. - Open http://localhost:5173 (or the specified address in your console) in your browser to view the app.
- Documentation for using Tailwind CSS in Vite + ReactJS project is available here
- Mobile Device optimization: Fix layouts for mobile devices.
- Leaderboard: Add a competitive edge with a leaderboard.
- Custom Texts: Allow users to practice with their chosen text.
- Detailed Stats: Provide in-depth statistics to showcase improvement over time.
- User Accounts: Introduce accounts for maintaining history and resuming practice on any device.
This project is licensed under the MIT License.
Contributions are welcome! If you have any ideas for improvements or new features, feel free to submit a pull request.
⚡ Happy Typing! ⚡