A virtual keyboard application designed for macOS, featuring support for multiple layouts and advanced input functionality. This project utilizes Vanilla JavaScript, follows Object-Oriented Programming principles, and incorporates sophisticated styling with SCSS.
- Dual Layout Support: Includes both English and Croatian keyboard layouts.
- Comprehensive Input: Allows text input via physical keyboard as well as virtual key clicks.
- Cursor Navigation: Supports cursor movement using arrow keys.
- OS Layout Independence: Functions seamlessly regardless of the selected OS keyboard layout.
- Advanced Styling: Utilizes SCSS for a polished and user-friendly interface.
- Object-Oriented Design: Built using OOP principles to ensure modularity and maintainability.
- Clone the Repository
git clone https://github.com/olyalass/virtual-keyboard.git - Open the Project
cd virtual-keyboard - Install the dependencies
npm install - Start the development server
npm run dev
Your application will be available at http://localhost:8000
Text Input: Click on the virtual keys or use your physical keyboard to input text. Switch Layouts: Use the provided controls to switch between English and Croatian layouts. Cursor Movement: Use the arrow keys to move the cursor within the text input area.
Contacts:
- Name: Olga Lass
- email: olyalass@icloud.com