🎹 keyboard-test.app v1.0.0 🚀
✨ Overview
keyboard-test.app is an interactive web application designed for keyboard enthusiasts, gamers, and typists to test keyboard functionality, explore different layouts, sizes, and themes.
🔍 Testing Tools
🖮 Key Test
- Interactive Keyboard Display: Visualize key presses in real-time with highlighted keys
- Key History Panel: Track and review your recent key presses
- Multi-layout Support: Test with different keyboard sizes and configurations
⌨️ Rollover Test
- N-Key Rollover Testing: Verify how many simultaneous key presses your keyboard can register
- Visual Feedback: Clear indication of registered and missed keystrokes
- Performance Analysis: Identify keyboard hardware limitations
⚡ Typing Test
- Speed and Accuracy Measurement: Test your typing speed and precision
- Word Count mode: Test with a predetermined amount of words.
- Timed mode: Test with a set time-frame from 30s to 3mins.
🎨 Customization Options
🔤 Keyboard Layouts
- Layout Types: Switch between QWERTY, Dvorak, Colemak, and more layouts
- Size Selection: Choose from various keyboard sizes (60%, 65%, 75%, TKL, and Full)
- Visual Themes: Multiple color schemes and visual styles for the keyboard display
🧭 Navigation
- Organized Dropdown Menu: Browse keyboard categories by size
- Product Showcase: Popular keyboards with Amazon product links for each category
- Intuitive Interface: Easy navigation between different testing tools
💻 Technical Details
- Built with React 18 and TypeScript
- Styled with styled-components and Material UI
- Smooth animations with Framer Motion
- Responsive design for all devices
🛠️ Installation
# Clone the repository
git clone https://github.com/BryantWelch/keyboard-test.app.git
# Install dependencies
npm install
# Start the development server
npm start
# Build for production
npm run build