Virtual Keyboard using HTML, CSS and JavaScript

This repository contains a virtual keyboard web application created using HTML, CSS, JavaScript, and Bootstrap. The virtual keyboard is designed for desktop use and provides a user-friendly interface for typing.

Features

• Full keyboard layout with alphabetical, numerical, and special characters.
• Caps Lock functionality to toggle uppercase letters.
• Shift key to temporarily enable uppercase letters.
• Space bar for entering spaces between words.
• Bootstrap support for tooltips and toasts, enhancing the user experience.

Usage

To use the virtual keyboard, follow these steps:

1. Clone the repository: git clone https://github.com/prathameshdhande22/virtual-keyboard.git
2. Navigate to the project directory: cd virtual-keyboard
3. Open the index.html file in your web browser.
4. Click on the keys with your mouse or use your physical keyboard to enter characters.
5. The keyboard layout follows the standard QWERTY layout.

Functionality

• Clicking the Caps Lock button will toggle uppercase letters. When active, all entered letters will be in uppercase until deactivated.
• Clicking the Shift button will temporarily enable uppercase letters for the next character typed.
• Clicking the Space button will enter a space character between words.

Technologies Used

• HTML
• CSS
• JavaScript
• Bootstrap

ScreenShots

1. Typing on Virtual Keyboard using Shift button on.
2. Typing on Virtual Keyboard using Shift button off.
3. Copying the Text typed using Virtual Keyboard.

Author

This virtual keyboard was created by Prathamesh Dhande.

License

This project is open source and does not have any specific license. Feel free to use and modify the code as per your requirements.

Acknowledgments

Special thanks to the Bootstrap framework for providing the tooltip and toast components, enhancing the usability of the virtual keyboard.