Typing Practice App

A web-based typing practice application with real-time error highlighting, configurable timer, and performance tracking.

Features

• ✨ Real-time character-by-character error highlighting
• ⏱️ Configurable timer (10-600 seconds)
• 📊 Live performance graph showing WPM and accuracy over time
• 🎯 Multiple difficulty levels with different practice texts
• 📈 Detailed statistics: WPM, accuracy, errors, progress
• 🎨 Beautiful, modern UI with responsive design
• 💾 Session-based performance tracking

Installation

1. Navigate to the project directory:

cd typing-practice

2. Install dependencies:

npm install

Usage

1. Start the server:

npm start

2. Open your browser and navigate to:

http://localhost:3000

3. How to use:
   • Select a text difficulty level
   • Set your desired timer duration
   • Click "Start" to begin
   • Type the text as accurately as possible
   • Watch your stats update in real-time
   • View detailed results when complete

Development

For development with auto-reload:

npm run dev

Customization

Adding Your Own Practice Texts

Edit server.js and add new texts to the sampleTexts array:

{
  id: 5,
  difficulty: 'Custom',
  text: 'Your custom practice text here...'
}

Changing the Port

Edit server.js and change the PORT constant:

const PORT = 3000; // Change to your desired port

Styling

All styles are in public/styles.css - customize colors, fonts, and layout as needed.

Tips for Better Typing Practice

1. Focus on accuracy first - Speed will come naturally with practice
2. Use proper finger placement - Follow touch typing guidelines
3. Practice regularly - Short, frequent sessions are better than long, infrequent ones
4. Don't look at the keyboard - Train your muscle memory
5. Take breaks - Prevent fatigue and maintain focus

License

MIT License - Feel free to use and modify as needed!