https://github.com/bryantwelch/keyboard-test.app
A comprehensive keyboard testing application for enthusiasts, gamers, and typists. Test individual keys, measure rollover capabilities, track typing speed, and explore different keyboard layouts and types. Includes educational content about mechanical keyboards, key switches, and typing techniques.
https://github.com/bryantwelch/keyboard-test.app
colemak dvorak framer-motion key-rollover keyboard keyboard-enthusiasts keyboard-layouts keyboard-switches keyboard-testing mechanical-keyboards qwerty react real-time styled-components testing-tools typescript typing-speed typing-test
Last synced: 2 months ago
JSON representation
A comprehensive keyboard testing application for enthusiasts, gamers, and typists. Test individual keys, measure rollover capabilities, track typing speed, and explore different keyboard layouts and types. Includes educational content about mechanical keyboards, key switches, and typing techniques.
- Host: GitHub
- URL: https://github.com/bryantwelch/keyboard-test.app
- Owner: BryantWelch
- License: mit
- Created: 2025-02-09T22:07:18.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2025-03-06T23:13:13.000Z (2 months ago)
- Last Synced: 2025-03-06T23:25:44.473Z (2 months ago)
- Topics: colemak, dvorak, framer-motion, key-rollover, keyboard, keyboard-enthusiasts, keyboard-layouts, keyboard-switches, keyboard-testing, mechanical-keyboards, qwerty, react, real-time, styled-components, testing-tools, typescript, typing-speed, typing-test
- Language: TypeScript
- Homepage: https://keyboard-test.app
- Size: 1.46 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎹 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
- **Real-time Key Press Tracking**
- Instantly visualize key presses
- Detect left and right variants of modifier keys
- Clear, intuitive key history display
- **Multiple Test Types**
- Key Test: Test individual keys and see their response
- Rollover Test: Test how many simultaneous keypresses your keyboard can register
- Typing Test: Measure your typing speed and accuracy
- **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
- **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
```bash
git clone https://github.com/BryantWelch/keyboard-test.app.git
cd keyboard-test.app
```
2. Install dependencies
```bash
npm install
# or
yarn install
```
3. Start the development server
```bash
npm start
# or
yarn 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
## 📦 Upcoming Features
- Additional keyboard layouts and types
- Theme customization options
- Language options
## 🔒 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 💖 Support
If you find this project helpful, consider supporting its development:
[](https://ko-fi.com/V7V01A0SJC)
## 🌐 Community
- [GitHub Discussions](https://github.com/BryantWelch/keyboard-test.app/discussions)
- [Reddit r/MechanicalKeyboards](https://www.reddit.com/r/MechanicalKeyboards/)
- [Keyboard Enthusiasts Discord](https://discord.gg/mechanicalkeyboards)
---
**Happy Typing! ⌨️**