v1.0.0

🎹 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

v0.8.0

Keyboard Test App v0.8.0 Release

🎨 New Features

Theme Selection

• New Themes Tab: Added a dedicated tab for theme selection with a visually appealing 7x5 grid layout
• 35 Theme Options: Integrated themes from the briano1905/typings repository
• Original Theme: Original app theme is included as the default option and first in the selection grid
• Alphabetical Sorting: Themes are arranged alphabetically for easy navigation (except Original theme which remains first)

🔧 Improvements

• Consistent UI: KeyHistory and InfoSection components remain visible when switching between layout, type, and themes tabs
• Grid Layout: Redesigned theme selection interface with a consistent card-based grid layout
• Visual Previews: Each theme card displays a preview of the theme's colors and name

🐛 Bug Fixes

• Fixed TypeScript errors related to theme handling
• Resolved issues with component visibility when switching between tabs

🧹 Cleanup

• Removed unused Language tab and related code
• Improved code organization and type definitions

🔮 What's Next

• Code refactoring
• Performance optimizations
• Typing Test fixes / tweaks

---

Thank you for using Keyboard Test App! We appreciate your feedback and suggestions for future improvements.

v0.7.2

Keyboard Test App v0.7.2

🚀 Improvements & Enhancements

Keyboard Layout Refinements

• Arrow Key Positioning: Improved the inverted T-layout for arrow keys in the Full keyboard layout
• Standardized Gap Spacing: Unified gap spacing (2px) across all keyboard layouts for consistent appearance
• Performance Optimization: Added Framer Motion to the Full keyboard layout for smoother animations and better performance when typing rapidly

Visual Improvements

• Keyboard Scaling: Adjusted the Full keyboard layout scale to 90% for better visibility
• Animation Improvements: Changed AnimatePresence mode to "popLayout" in the Rollover Test for more fluid key transitions
• Special Key Styling: Enhanced styling for special keys like backtick (`) and backslash ()

Technical Improvements

• Animation Performance: Optimized animations to reduce lag when typing multiple keys in rapid succession
• Layout Consistency: Standardized layout implementation across all keyboard types

🐛 Bug Fixes

• Fixed positioning issues with the arrow keys in the Full keyboard layout
• Resolved animation conflicts that were affecting keyboard scaling

🔧 Under the Hood

• Refactored keyboard components to use consistent styling patterns
• Optimized rendering performance for smoother user experience

---

Thank you for using Keyboard Test App! If you encounter any issues or have suggestions for future improvements, please open an issue on GitHub.

v0.7.1

Keyboard Test App v0.7.1

🚀 New Features

Educational Information Sections

• Added comprehensive information sections for each test type:
  • Key Test: Detailed information about mechanical & non-mechanical keyboards, key switch types, and keyboard layouts
  • Rollover Test: Explanations of key rollover technology, types of rollover (NKRO, 6KRO, etc.), and why it matters
  • Typing Test: Information about typing metrics, techniques to improve typing speed, and WPM benchmarks

UI Improvements

• Information sections are styled with cards, tables, and lists for better readability
• Smooth animations when switching between different content sections
• Responsive design that works well on different screen sizes

🐛 Bug Fixes

Key History Visibility

• Fixed issue where Key History would disappear when changing keyboard layouts or types
• Key History now remains visible when navigating between Key Test, Layout, and Type tabs

Information Section Visibility

• Ensured information sections remain visible when switching between keyboard layouts and types
• Maintained consistent UI state across tab navigation

🔧 Technical Improvements

Code Organization

• Created modular InfoSection component with tab-specific content rendering
• Improved conditional rendering logic for UI components
• Standardized key size specifications across all keyboard layouts (60%, 65%, 75%, TKL, Full)

Performance Optimizations

• Optimized component re-rendering when switching between tabs
• Improved state management for keyboard layout and type selection

📚 Documentation

• Added detailed information about keyboard types, layouts, and technologies
• Included explanations of typing metrics and techniques
• Documented key rollover concepts and testing methodologies

---

This release enhances the keyboard testing application with educational content while fixing UI consistency issues, making it both a testing tool and a learning resource for keyboard enthusiasts.

v0.7.0

Keyboard Test App v0.7.0

🚀 New Features

• Typing Test Feature: Introduced a comprehensive typing test system allowing users to practice and measure their typing speed and accuracy

  • Word Count Mode: Test typing skills with a specific number of words
  • Timed Mode: Challenge yourself to type as many words as possible within a time limit
  • Rich Content Library: 50 diverse paragraphs covering various topics for engaging practice sessions
  • Real-time Statistics: Track WPM, accuracy, and other performance metrics as you type

• Multiple Keyboard Layout Support: Added support for QWERTY, Dvorak, and Colemak keyboard layouts

🔧 Improvements

• Typing Test Content Quality: Ensured all paragraphs are free of hyphenated words to prevent formatting issues
• Content Variety: Improved diversity of paragraph starting words and topics
• Test Selection: Doubled the number of sentences returned for timed tests based on word count

🐛 Bug Fixes

• Fixed issues with paragraph selection in timed tests
• Resolved layout inconsistencies when switching between keyboard types

---

Thank you for using Keyboard Test App! This release focuses on enhancing the typing test experience with more content variety and adding support for multiple keyboard layouts. We welcome your feedback and suggestions for future improvements.

v0.6.0

Keyboard Test App v0.6.0 - Enhanced Testing Features

New Features

• Rollover Test: Added a dedicated test to measure how many keys your keyboard can register simultaneously

  • Real-time counter displays the number of keys currently pressed
  • Visual display of all currently held keys
  • Instant updates as keys are pressed and released
  • Compatible with all keyboard layouts and types

• Keyboard Layout Indicator: Added a header above the keyboard that displays the current configuration (e.g., "75% with QWERTY Layout")

• New Keyboard Layouts: Added support for 4 additional keyboard layout types:

  • Workman - Designed to reduce finger strain by placing common keys in comfortable positions
  • AZERTY - Standard layout used in France and French-speaking countries
  • QWERTZ - Used in Germany, Austria, and other Central European countries
  • Colemak-DH - Modified version of Colemak with improved ergonomics for the D and H keys

• Improved Key History: Added descriptive placeholder text that explains the purpose of the Key History box

Bug Fixes

• Fixed backtick key styling in TKL layout
• Improved reset functionality to work consistently across all test types

Technical Improvements

• Enhanced keyboard mapping system to support international layouts
• Improved component architecture for better test isolation
• Added custom event system for cross-component communication
• Optimized rendering performance for simultaneous key presses

Coming Soon

• Typing Test with words-per-minute calculation
• Additional keyboard layouts and international support
• Enhanced theme customization options

v0.5.4

Keyboard Test App v0.5.4 - Enhanced Keyboard Types

What's New

• Added 4 new keyboard layout types: Workman, AZERTY, QWERTZ, and Colemak-DH
• Added a configuration indicator that displays the current keyboard layout and type
• Fixed backtick key styling in TKL layout

Keyboard Types

Now supporting 7 popular keyboard layouts:

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

Technical Changes

• Expanded keyboard mapping system to support additional layout types
• Added proper character mappings for international layouts
• Implemented a configuration display header above the keyboard
• Maintained consistent styling and animations across all keyboard types

How to Use

1. Click the "Type" button in the bottom tab bar
2. Select your preferred keyboard type from the expanded options
3. The keyboard will update to show the appropriate key labels
4. Current configuration is now displayed above the keyboard for easy reference

Coming Soon

• Additional keyboard types and international layouts
• Enhanced keyboard testing features
• Improved theme customization options

v0.5.3

Keyboard Test App v0.5.3 - Keyboard Type Selection

What's New

• Added keyboard type selection functionality with support for QWERTY, Dvorak, and Colemak layouts
• Implemented key mapping system that changes key labels based on selected keyboard type
• Added a dedicated "Type" button in the bottom tab bar between Layout and Themes
• Keyboard layout physically remains the same while only key labels change to match the selected type

Technical Changes

• Created keyboard mapping system for different layout types
• Added type selection UI with descriptive cards for each keyboard type
• Implemented seamless switching between keyboard types
• Maintained consistent animations and UI patterns across the application

How to Use

1. Click the "Type" button in the bottom tab bar
2. Select your preferred keyboard type (QWERTY, Dvorak, or Colemak)
3. The keyboard will update to show the appropriate key labels for your selected type
4. Test your keyboard with the new layout!

Coming Soon

• Additional keyboard types...possibly
• Improved keyboard testing features
• Enhanced theme customization options

v0.5.2

Keyboard Test App v0.5.2

🚀 New Features

Keyboard Layout Improvements

• TKL and Full Size Layouts: Updated styling to match the 60% and 65% layouts
  • Added proper container structure with KeyboardContainer, KeyboardFrame, and KeyboardInner
  • Implemented consistent borders, backgrounds, and shadows across all layouts
  • Fixed key sizing and spacing for visual consistency

Navigation Enhancements

• Keyboards Dropdown Menu: Added a new dropdown in the navbar with keyboard categories
  • Includes 5 categories: 60%, 65%, 75%, TKL, and Full Size keyboards
  • Each category features 5 popular keyboard models with Amazon links
  • Implemented nested dropdown menus with smooth hover effects
  • Added arrow animation for improved user interaction

🔧 Technical Improvements

Component Structure

• Standardized the keyboard component structure across all layouts
• Simplified the createKeyProps function for consistent key property handling
• Added motion animations for smooth transitions between layouts

Styling Enhancements

• Improved keyboard container centering within the testing area
• Consistent styling for all keyboard layouts with proper borders and backgrounds
• Fixed dropdown menu styling with proper alignment and positioning

🐛 Bug Fixes

• Fixed 65% layout not displaying with proper styling
• Resolved alignment issues in keyboard containers
• Fixed dropdown menu arrow positioning and animation

📝 Notes

• Amazon links are in place for future affiliate link integration
• All keyboard layouts now share a consistent visual design

v0.5.1

Keyboard Test App v0.5.1

🚀 Release Notes

🎨 Visual Improvements

• Keyboard Layout Refinements: Fine-tuned the 75% keyboard layout with precise key sizing for better visual accuracy
• Color Consistency: Updated the tilde key to match the ESC key color scheme
• Key Color Adjustments: Modified spacebar and arrow keys to match the color of regular letter keys

🛠️ Technical Enhancements

• Flexible Key Sizing: Added comprehensive key size options (1u to 7u with 0.05u increments) for precise layout control
• Code Cleanup: Removed unused styled components and variables to address ESLint warnings:
  • Removed ArrowKeyGroup from Keyboard75.tsx
  • Removed KeyGroup from Keyboard65.tsx
  • Removed InternalLink from Footer.tsx
  • Removed unused components from KeyHistory.tsx
  • Removed layoutDescriptions from TestContainer.tsx

🐛 Bug Fixes

• Fixed TypeScript errors related to key sizing in the keyboard layout

---

This release focuses on visual refinements and code quality improvements, making the keyboard layouts more accurate and the codebase cleaner. The expanded key sizing system allows for precise adjustments to achieve the perfect keyboard layout representation.