Skip to content

React Keyboard Tester: Test and visualize keyboard inputs in real-time using this lightweight React web app.

Notifications You must be signed in to change notification settings

aziz-codes/react-keyboard-tester

Repository files navigation

React Keyboard Tester

A simple react app that will allows you test your keyboard keys.

How to use

  1. clone the github repo, use "npm i" to install all the packages.
  2. use "npm run dev" command to run the app, you can visit "localhost:5173

Folder Structure

  1. Inside src/data/ a Keys.jsx file contains all the keys.
  2. Inside components Keyboard.jsx is the main component which is rendering all the keys and functionality.
  3. src/layouts/ KeyboardLayout.jsx is used for lazy loading i.e skeleton loader.
  4. src/context/ is used for global store that has a single darkMode variable for toggling theme.

happy coding

About

React Keyboard Tester: Test and visualize keyboard inputs in real-time using this lightweight React web app.

Topics

Resources

Stars

Watchers

Forks