Skip to content

A modern, interactive typing practice application built with React and TypeScript. Practice your typing skills with different categories of text, track your WPM, and improve your accuracy.

License

Notifications You must be signed in to change notification settings

edbzed/keyboard-practice

Repository files navigation

Keyboard Practice App

React TypeScript Vite Tailwind CSS

A modern, interactive typing practice application built with React and TypeScript. Practice your typing skills with different categories of text, track your WPM, and improve your accuracy.

Features

  • Multiple practice categories (Basic, Programming, Quotes)
  • Real-time WPM and accuracy tracking
  • Visual keyboard layout with active key highlighting
  • Detailed statistics and progress tracking
  • Responsive design for all devices

Practice

Getting Started

# Install dependencies
npm install

# Start development server
npm run dev

Project Structure

src/
├── components/    # React components
├── hooks/         # Custom React hooks
├── utils/         # Utility functions
└── App.tsx        # Root component

Tech Stack

  • React 18
  • TypeScript
  • Tailwind CSS
  • Vite
  • Lucide React Icons

Creator

Ed Bates (TECHBLIP LLC)

Acknowledgments

Some sections of this code were generated with the assistance of AI tools. These contributions were reviewed and integrated by the project creator(s).

License

Apache-2.0 license - see the LICENSE file for details

About

A modern, interactive typing practice application built with React and TypeScript. Practice your typing skills with different categories of text, track your WPM, and improve your accuracy.

Resources

License

Stars

Watchers

Forks