https://github.com/nata-kostina/app-virtual-keyboard

The app imitates the functionality of a real keyboard. The user can either click buttons on the screen or press keys on the real keyboard.
https://github.com/nata-kostina/app-virtual-keyboard

css html javascript sass

Last synced: 7 days ago
JSON representation

The app imitates the functionality of a real keyboard. The user can either click buttons on the screen or press keys on the real keyboard.

• Host: GitHub
• URL: https://github.com/nata-kostina/app-virtual-keyboard
• Owner: nata-kostina
• Created: 2022-05-09T17:51:51.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-06-20T18:09:40.000Z (over 2 years ago)
• Last Synced: 2023-03-08T19:22:50.093Z (almost 2 years ago)
• Topics: css, html, javascript, sass
• Homepage:
• Size: 2.09 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# App "Virtual Keyboard"

Deploy: [https://nata-kostina.github.io/app-virtual-keyboard/dist/](https://nata-kostina.github.io/app-virtual-keyboard/dist/ "Virtual Keyboard")

***

## Description

The app imitates the functionality of a real keyboard. The user can either click buttons on the screen or press keys on the real keyboard. The app highlights the pressed or clicked buttons and display the result on the screen.

Features:

* generation of DOM elements

* highlighting the keys on the virtual keyboard

* switching keyboard layouts between English and Russion languages

* animation of pressing a key

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

* usage of ESLint

## Specification

[https://github.com/rolling-scopes-school/tasks/blob/master/tasks/virtual-keyboard/virtual-keyboard-en.md](https://github.com/rolling-scopes-school/tasks/blob/master/tasks/virtual-keyboard/virtual-keyboard-en.md "Spec")

## Screenshots

![app-virtual-keyboard.jpg](./virtual-keyboard.jpg)

## Developed With

* HTML

* CSS

* SASS

* JavaScript

* IDE:  Visual Studio Code

* OS: Microsoft Windows 10