This is a React-based virtual keyboard app with support for multiple languages and emoji input.
- Virtual keyboard with support for Hebrew, English, and Arabic languages.
- Emoji keyboard for expressive input.
- Stylish and customizable interface.
- Undo and redo functionality.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/chavi362/virtual-keyboard.git
- open the project in terminal and then run:
npm install
npm run dev
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
We welcome contributions from the community to help improve the Virtual Keyboard App. If you would like to contribute, please follow these steps:
- Fork the project.
- Create your feature branch:
git checkout -b feature/NewFeature.
- Commit your changes:
git commit -m 'Add a new feature'.
- Push to the branch:
git push origin feature/NewFeature.
- Open a pull request on the main repository, describing your changes and explaining why they are valuable.
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 ⭐️.