Project 4/5 🎹 Virtual Piano

A simple yet interactive Virtual Piano built using Vanilla JavaScript, HTML, and CSS. This project allows users to play piano sounds either by clicking on the keys or using the keyboard.

📌 Features

• 🎵 Playable piano keys with sound
• 🎹 Supports both mouse clicks and keyboard input
• 🎨 Simple and responsive UI design
• 🚀 Built using HTML, CSS, and JavaScript (No external libraries)

🛠️ Technologies Used

• HTML - Structure of the piano
• CSS - Styling and layout
• JavaScript - Handling sound play and interactions

🎮 How to Play

1. Click on the piano keys to play sounds.
2. Use your keyboard keys to play corresponding notes.
3. Enjoy playing your favorite tunes! 🎶

📂 Project Structure

Virtual-Piano/
│── index.html        # Main HTML file
│── style.css         # Styling for the piano
│── script.js         # JavaScript logic for interactions
│── sounds/           # Folder containing piano key sounds
└── README.md         # Project documentation

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/your-username/Virtual-Piano.git

2. Open index.html in a browser to start playing!

📷 Preview

🤝 Contributing

Want to improve this project? Feel free to submit a pull request! 🎉

📜 License

This project is open-source and available under the MIT License.

---

Enjoy playing your Virtual Piano! 🎵✨