🎹 Keyboard Test App

Overview

Keyboard Test App is a modern, interactive web application designed to help users test and analyze keyboard input with precision and style. Whether you're a developer, gamer, or keyboard enthusiast, this tool provides comprehensive key press tracking, visualization, and educational information about keyboards and typing.

🌟 Features

• Multiple Test Types

  • Key Test: Test individual keys to verify their response, helping you identify any faulty or non-functional keys.
  • Rollover Test: Test how many simultaneous keypresses your keyboard can register, helping you identify potential issues with key ghosting or unregistered keys.
  • Typing Test: Measure your typing speed and accuracy with this typing test. You can adjust the test mode from Word Count to Timed.

• Comprehensive Keyboard Layout Options

  • 60% Layout: Compact design without function row, navigation cluster, or numpad
  • 65% Layout: Compact with arrow keys and a few navigation keys
  • 75% Layout: Includes function row and navigation keys in a compact form
  • TKL (Tenkeyless): Full-sized keyboard without the numpad
  • Full Layout: Complete keyboard with numpad and all keys

• Multiple Keyboard Types

  • QWERTY: Standard keyboard layout used by most keyboards
  • Dvorak: Designed to increase typing speed and reduce finger fatigue
  • Colemak: Modern alternative to QWERTY with an easier learning curve
  • Colemak-DH: Modified version of Colemak with improved ergonomics
  • Workman: Designed to reduce finger strain
  • AZERTY: Used primarily in France and some French-speaking countries
  • QWERTZ: Used in Germany, Austria, and other Central European countries

• Educational Information

  • Detailed information about mechanical & non-mechanical keyboards
  • Explanations of different key switch types and their characteristics
  • Information about keyboard layouts and their use cases
  • Key rollover technology explanations and testing guidance
  • Typing techniques and speed benchmarks

• Responsive Design

  • Works seamlessly across devices
  • Adaptive layout for different screen sizes
  • Modern, clean user interface

• Real-time Key Press Tracking

  • Instantly visualize key presses
  • Detect left and right variants of modifier keys
  • Clear, intuitive key history display

• Detailed Interaction Tracking

  • Hover and press effects
  • Reset functionality
  • Comprehensive key state management

🚀 Getting Started

Prerequisites

• Node.js (v14 or later)
• npm or Yarn

Installation

1. Clone the repository

git clone https://github.com/BryantWelch/keyboard-test.app.git
cd keyboard-test.app

2. Install dependencies

npm install

3. Start the development server

npm start

🛠 Tech Stack

• React
• TypeScript
• Styled Components
• Framer Motion

🤝 Contributing

Contributions are welcome!

Ways to Contribute

• Report bugs
• Suggest features
• Submit pull requests
• Improve documentation

💖 Support

If you find this project helpful, consider supporting its development:

🔒 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Happy Typing! ⌨️