Skip to content

Commit e938bcd

Browse files
authored
Merge pull request #2 from MizbaulHaqueMaruf/main
Updated README.md
2 parents dd173a8 + a0b1f7f commit e938bcd

File tree

1 file changed

+46
-1
lines changed

1 file changed

+46
-1
lines changed

README.md

Lines changed: 46 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,47 @@
11
# Virtual-keyboard
2-
Virtual keyboard in HTML, CSS, JS
2+
Welcome to the Virtual Keyboard project! This project provides a simple web-based virtual keyboard that allows users to input text using both the physical keyboard and on-screen keyboard clicks. The project is built using HTML, CSS, and JavaScript.
3+
4+
## Features
5+
6+
- **Responsive Layout:** The virtual keyboard is designed with a responsive layout that adjusts to different screen sizes.
7+
8+
- **Text Display:** A text container displays the entered text, with a cursor indicator to show the typing position.
9+
10+
- **Physical Keyboard Input:** Users can type using their physical keyboard. Key presses including Backspace, Enter, and alphanumeric characters are supported.
11+
12+
- **On-Screen Keyboard Input:** Users can also click on the virtual keyboard keys to input characters.
13+
14+
- **Backspace, Enter, and Space Keys:** Special keys provide functionality for deleting characters, adding newlines, and inserting spaces.
15+
16+
- **CapsLock Key:** The CapsLock key toggles capitalization for entered characters.
17+
18+
- **Typing Differentiation:** The system can differentiate between typing using the physical keyboard and typing through the on-screen keyboard.
19+
20+
## How to Use
21+
22+
1. Clone the repository to your local machine.
23+
24+
2. Open the project's main HTML file (`index.html`) in a web browser.
25+
26+
3. Use your physical keyboard or the on-screen keyboard to input text. Clicking on the keys with your mouse will also input characters.
27+
28+
4. Experiment with different keys, including Backspace, Enter, Space, and CapsLock, to explore the keyboard's functionality.
29+
30+
## Contributing
31+
32+
Contributions are welcome! If you'd like to enhance this project, please follow these steps:
33+
34+
1. Fork the repository.
35+
36+
2. Create a new branch for your feature or bug fix.
37+
38+
3. Make your changes and commit them.
39+
40+
4. Push your changes to your forked repository.
41+
42+
5. Submit a pull request to the main repository.
43+
44+
## Acknowledgements
45+
46+
- [Font Awesome](https://fontawesome.com/) for providing the icon library.
47+

0 commit comments

Comments
 (0)