NextKeyboard Playground is an interactive environment for testing and visualizing keyboard events using the NextKeyboard library. It features a virtual keyboard that reacts to physical key presses and displays key-specific information.
- Virtual Keyboard: A responsive on-screen keyboard synchronized with physical key presses.
- Key Information: Displays detailed information for each key:
keyValue
code
(e.g., "KeyA", "ArrowUp")
- Code Examples: Shows how to use the detected keys in integration scenarios.
- Integration Reference: Provides a direct link to the NextKeyboard library repository for further details.
- Node.js (version 14 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/silvaezequias/nextkeyboard-playground.git cd nextkeyboard-playground
-
Install the dependencies:
npm install
or
yarn install
-
Start the development server:
npm run dev
or
yarn dev
-
Open the application in your browser:
http://localhost:3000
- Press a key on your physical keyboard, or click a key on the virtual keyboard.
- The application will display:
keyValue
code
(event code corresponding to the key pressed).- Code Examples showing how to use the key in your project.
- Explore the NextKeyboard library to integrate advanced keyboard event handling.
For more details on NextKeyboard, visit the official repository:
NextKeyboard on GitHub
Contributions are welcome. To propose changes:
- Fork the repository.
- Create a feature branch:
git checkout -b feature/my-feature
- Commit your changes:
git commit -m "Add my feature"
- Push the changes:
git push origin feature/my-feature
- Open a pull request on GitHub.
This project is licensed under the MIT License. See the LICENSE
file for details.