Skip to content

solvman/virtual-keyboard

 
 

Repository files navigation

Alt Virtual_Keyboard

Virtual Keyboard App

This is a React-based virtual keyboard app with support for multiple languages and emoji input.

Table of Contents

Features

  • Virtual keyboard with support for Hebrew, English, and Arabic languages.
  • Emoji keyboard for expressive input.
  • Stylish and customizable interface.
  • Undo and redo functionality.

Demo

image

Installation

To run this project locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/chavi362/virtual-keyboard.git
  1. open the project in terminal and then run:
npm install
npm run dev

Project Structure

The project follows a specific structure to organize its files and directories. Below is an overview of the main components:

virtual-keyboard/
│
├── src/                    # Source code directory
│   ├── assets/             # Static assets like images, icons, etc.
│   ├── components/         # React components
│   │   ├── VirtualKeyboard.jsx     # Main virtual keyboard component
│   │   ├── SpecialButtons.jsx      # Component for special buttons such as:redo, undo and clear all the text
|   |   ├── Screen.jsx      # the text the user typed
|   |   ├── EmojiKeyBoard.jsx             
|   |   ├── KeyBoard.jsx
|   |   ├── KeyBoardLanguage.tsx
|   |   ├── KeyBoardStylee.css  
│   │   ├── keyboardStyles.css    # Styles for the virtual keyboard
│   │   └── ...             # Other files
│   ├── App.js              # Main application component
│   ├── index.js            # Entry point of the application
│
├── public/                 # Public directory for static files
│   ├── index.html          # HTML template
│   ├── favicon.ico         # Favicon icon
│   └── ...
│
├── .gitignore              # Git ignore file
├── package.json            # Node.js project configuration
├── README.md               # Project documentation
 ...                     # Other configuration files

Contributing

We welcome contributions from the community to help improve the Virtual Keyboard App. If you would like to contribute, please follow these steps:

  1. Fork the project.
  2. Create your feature branch:
git checkout -b feature/NewFeature.
  1. Commit your changes:
git commit -m 'Add a new feature'.
  1. Push to the branch:
git push origin feature/NewFeature.
  1. Open a pull request on the main repository, describing your changes and explaining why they are valuable.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Please ensure that your contributions adhere to our Code of Conduct. If you find this project helpful or interesting, please give it a ⭐️.

About

virtual keyboard built with React

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 84.7%
  • CSS 14.0%
  • HTML 1.3%