Skip to content

yellographics/virtual-keyboard-task

Repository files navigation

Virtual Keyboard Project

Deploy: https://yellographics.github.io/virtual-keyboard-task

Functional requirements:

  • index.html file should be empty (all the necessary elements are generated with the usage of JS)
  • pressing a key on a physical keyboard highlights the key on the virtual keyboard
  • if several buttons are pressed, all the pressed buttons are highlighted on the virtual keyboard (there're no exceptions for Ctrl, Alt and Shift as well)
  • the virtual keyboard is able to switch between two language layouts (English + any other language)
  • keystrokes are animated
  • clicks on the buttons with a mouse on the virtual keyboard and pressing keys on a physical keyboard should input symbols to the text area located on the page above the virtual keyboard

Technical requirements

  • should work on the latest Chrome version
  • usage of JQuery and other JS libraries is not allowed
  • usage of Bootstrap and other UI libraries is not allowed
  • usage of Angular/React/Vue and other frameworks is not allowed
  • can use CSS preprocessors
  • ESLint (eslint-config-airbnb-base) should be used

Screenshot: image