https://github.com/gopalbasak1/virtual-keyboard

https://github.com/gopalbasak1/virtual-keyboard

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/gopalbasak1/virtual-keyboard
• Owner: gopalbasak1
• Created: 2024-02-11T19:17:27.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-11T19:33:00.000Z (11 months ago)
• Last Synced: 2024-02-11T21:03:54.586Z (11 months ago)
• Language: HTML
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Virtual keyboard

This is a simple web application that highlights keyboard keys as you press them. It provides a visual representation of the keys being pressed on the screen.

## Setup

1. Clone this repository to your local machine.

2. Open the `index.html` file in a web browser.

## Usage

1. Once the web page is loaded, you'll see a text input field labeled "Type me" and a grid of buttons representing keyboard keys.

2. Click on the text input field and start typing on your keyboard.

3. As you type, the corresponding key buttons on the screen will be highlighted to indicate which keys are being pressed.

4. Release the keys, and the highlighting will disappear.

## Technologies Used

- HTML

- CSS (Tailwind CSS)

- JavaScript

## How to run

1. Please follow the below instructions to run this project in your machine:

```bash

  https://github.com/gopalbasak1/virtual-keyboard.git

```

2. Double click the index.html file or if you use Visual Studio Code, then you can use the Live Server plugin to run the index.html file with Live Server

    

## Project Link

https://gopalbasak1.github.io/virtual-keyboard/