Virtual Keyboard

Link to the deploy

Task

Link to the task

Minimal scope:

• the generation of DOM elements is implemented. body in the index.html is empty (can contain only script tag);

• pressing a key on a physical keyboard highlights the key on the virtual keyboard (you should check keystrokes of numbers, letters, punctuation marks, backspace, del (if it's present), enter, shift, alt, ctrl, tab, caps lock, space, arrow keys;

Basic scope:

• switching keyboard layouts between English and another language is implemented. Selected language should be saved and used on page reload. A keyboard shortcut for switching a language should be specified on the page;

• mouse clicks on buttons of the virtual keyboard or pressing buttons on a physical keyboard inputs characters to the input field (text area);

Extra scope:

• animation of pressing a key is implemented;

Technical requirements:

• usage of ES6+ features (classes, property destructuring, etc);

• usage of ESLint;

• requirements to the repository, commits and pull request are met;

Stack

• typescript
• usage of ES6+ features (classes, property destructuring, etc)
• webpack
• eslint

Developed by Roman Troshin