abdulrahmans0414 / drumKit

Interactive drum kit web application built with HTML, CSS, and JavaScript, allowing users to play drum sounds by clicking buttons or pressing corresponding keys on the keyboard.

Drum Kit Web Application

Interactive drum kit web application built with HTML, CSS, and JavaScript, allowing users to play drum sounds by clicking buttons or pressing corresponding keys on the keyboard.

Demo

Check out the live demo: Drum Kit Demo

Features

• User Interaction: Click on the on-screen buttons or press keyboard keys (w, a, s, d, j, k, l) to play various drum sounds.
• Visual Feedback: Interactive buttons provide visual feedback with animations when clicked or pressed.
• Responsive Design: The application is designed to be responsive, ensuring a seamless experience across different devices and screen sizes.

How to Use

1. Clone the repository to your local machine.
2. Open index.html in your web browser.
3. Click the on-screen buttons or press the corresponding keyboard keys to enjoy the drum sounds.

Technologies Used

• HTML: Structure of the web page.
• CSS: Styling and animations.
• JavaScript: Handling user interactions and playing audio.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please create a new issue or open a pull request.

License

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