Typing Master

A platform where you can test and improve your typing speed with real-time feedback and performance tracking.

Features

• Multiple Difficulty Levels: Choose between easy, medium, and hard texts
• Real-time Statistics: Track WPM (Words Per Minute) and accuracy as you type
• Performance History: View your progress over time with detailed statistics
• Keyboard Heatmap: Visualize your typing errors to identify problem keys
• Multiple Themes: Choose from dark, neon, forest, ocean, and sunset themes
• Custom Text Option: Practice with your own text passages
• Challenge Modes: Specific challenges for speed, accuracy, and endurance
• Responsive Design: Works on both desktop and mobile devices

Technologies Used

• Frontend Framework: Next.js with React
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• UI Components: Radix UI with shadcn/ui

Installation

1. Clone the repository:

   git clone https://github.com/abhrajyoti-01/typing-master.git
   

2. Navigate to the project directory:

   cd typing-master
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm run dev
   

5. Open your browser and visit:

   http://localhost:3000
   

Building for Production

1. Create a production build:

   npm run build
   

2. Start the production server:

   npm start
   

Usage

1. Select a difficulty level or custom text
2. Start typing in the input field
3. View your real-time statistics as you type
4. Complete the test to see your final results
5. Track your progress in the Statistics tab
6. Analyze your typing errors in the Keyboard tab

Author

Abhra

---

Feel free to contribute to this project by submitting issues or pull requests.