Drum_Kit 🥁

A simple web application that allows you to play drum sounds using both keyboard and mouse clicks.

Overview

This project is a basic drum kit web application built with HTML, CSS, and JavaScript. It provides a user interface with drum buttons that can be clicked with the mouse or triggered by keyboard keys.

Live Demo

You can try out the Drum Kit.

Features

• Responsive design
• Drum sounds triggered by mouse click or keyboard press
• Interactive button animations

Screenshots

File Structure

• index.html: Main HTML file for the Drum Kit web application.
• styles.css: CSS file for styling the Drum Kit interface.
• index.js: JavaScript file containing the logic for button clicks and keyboard presses.
• images: Directory containing images used for drum buttons.
• sounds: Directory containing audio files for drum sounds.
• README.md: The documentation file you are currently reading.

Technologies Used

The Drum Kit is built using the following technologies:

• HTML: Provides the structure and layout for the web application.
• CSS: Used for styling and enhancing the visual appeal of the Drum Kit.
• JavaScript: Powers the interactivity, handling button clicks, keyboard presses, and sound playback.

Contributing

Feel free to contribute to improve the game or fix any issues. Just fork the repository, make your changes, and create a pull request.

Author

🎲 Vaibhav Ashta 🎲