A modern, feature-rich typing test application built with React and TypeScript. Test your typing speed and accuracy with customizable settings, real-time statistics, and professional-grade performance tracking.
- Time-based Tests: 30 seconds, 1 minute, 2 minutes, 5 minutes
- Word-based Tests: 25, 50, 100, 200 words
- Difficulty Levels: Easy, Medium, Hard with varying text complexity
- Pause/Resume: Pause your test anytime and resume when ready
- WPM (Words Per Minute): Net typing speed after accounting for errors
- Gross WPM: Raw typing speed without error penalties
- Accuracy: Percentage of correctly typed characters
- Live Progress: Visual progress bar showing test completion
- Character Feedback: Real-time color-coded character validation
- Modern Design: Clean, professional interface with smooth animations
- Responsive Layout: Optimized for desktop, tablet, and mobile devices
- Visual Feedback: Color-coded text (green=correct, red=incorrect, blue=current)
- Performance Levels: Automatic skill level classification (Novice to Expert)
- Animated Statistics: Smooth transitions and hover effects
- Flexible Settings: Easy-to-use settings panel
- Multiple Text Samples: Varied content for each difficulty level
- Test Configuration: Choose between time or word-based tests
- Instant Reset: Quick restart functionality
- Frontend Framework: React 18 with TypeScript
- Styling: Tailwind CSS for modern, responsive design
- Icons: Lucide React for beautiful, consistent icons
- Build Tool: Vite for fast development and optimized builds
- Code Quality: ESLint for code linting and best practices
-
Clone the repository
git clone https://github.com/codewithdhruba01/TypeMaster.git cd typemaster -
Install dependencies
npm install
-
Start development server
npm run dev
-
Build for production
npm run build
- Choose Settings: Click the "Settings" button to configure your test
- Select Mode: Choose between Time-based or Word-based tests
- Set Duration/Count: Pick your preferred time limit or word count
- Choose Difficulty: Select Easy, Medium, or Hard difficulty level
- Start Typing: Click in the input field and begin typing
- Real-time Feedback: See your progress with live WPM and accuracy updates
- Visual Cues: Characters turn green (correct) or red (incorrect) as you type
- Pause Option: Use the pause button if you need a break
- Progress Tracking: Watch the progress bar fill as you complete the test
- Detailed Results: View comprehensive statistics including:
- Net WPM and Gross WPM
- Accuracy percentage
- Total characters typed
- Correct vs incorrect characters
- Performance level classification
- Try Again: Reset and start a new test with different settings
The application automatically classifies your performance:
- 🏆 Expert: 80+ WPM - Professional typing speed
- ⚡ Advanced: 60-79 WPM - Above average typing skills
- 🎯 Intermediate: 40-59 WPM - Good typing proficiency
⚠️ Beginner: 20-39 WPM - Learning phase- 📚 Novice: <20 WPM - Starting to learn typing
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Happy Typing!
Improve your typing skills with our professional typing test application. Track your progress, challenge yourself with different difficulty levels, and become a typing master!