/kboard

A virtual keyboard with English and Russian modes, with speech recognition capabilities.

Primary LanguageJavaScript

previous 100 days of code next

Keyboard


Keyboard

Table of Contents


#100DaysOfCode

Day 20: February 28, 2021

  • I've always wanted to create a virtual keyboard, but most tutorials were not responsive.

  • After searching, I found great Russian tutorials on Youtube from the Rolling Scopes School.

  • This Keyboard has English and Russian modes, with speech recognition from the Web Speech API.


Installation

1. Git clone and cd into the repo folder:

git clone git@github.com:emjose/kboard.git && cd kboard

2. Run the command:

open index.html

Notes and Issues

  • Press shift keys for additional symbol characters.

  • Press the en/ru key to switch between English and Russian modes.

  • The virtual keyboard will respond to your physical keyboard, with one exception:

    • The caps lock key on your physical keyboard may need to be pressed twice to correctly sync.
  • Speech Recognition

    • Enable your computer's microphone and press the microphone key on the virtual keyboard.

    • Speak clearly and your speech will be transcribed in the input area.


Live Site

Under Construction

• The Keyboard is best viewed on a desktop or laptop computer browser.

• The Keyboard will not be rendered on mobile devices with a width of 400 pixels or less.

• The Keyboard is a progressive web app.


Resources


Let's Connect!

Twitter badge Linkedin badge Medium badge Instagram badge Gmail badge Portfolio badge Github badge

Back to Top