A simple and interactive web-based drum kit that allows you to play different drum sounds using your mouse.

• Interactive Interface: Click on the drum pads to play different drum sounds.
• Responsive Design: The drum kit is designed to work seamlessly on both desktop and mobile devices.
• Smooth Animations: Visual feedback with smooth animations whenever a drum pad is played.

1. Open the Drum Kit: Go to https://tttxcheng.github.io/drumKit/.
2. Play Sounds:
   • Click on the drum pads with your mouse.
   • Press keys on your keyboard. Each drum pad is associated with a specific key (displayed on each pad).

• W: Snare
• A: Hi-hat
• S: Open hi-hat
• D: Boom
• J: Kick
• K: Tom
• L: Ride

• HTML: Structure of the web page.
• CSS: Styling and layout.
• JavaScript: Adding interactivity and handling user input.

If you want to run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/tttxcheng/drumKit.git
   

2. Navigate to the project directory:

   cd drumKit

3. Open index.html in your web browser

If you'd like to contribute to this project, feel free to fork the repository and submit a pull request.