Drum Kit

Description

Drum Kit is a simple web application built using HTML, CSS, and JavaScript. It allows users to play various drum sounds by clicking on buttons or pressing corresponding keys on the keyboard.

Live site : https://samuel2143.github.io/Drum-kit/

Features

• Seven drum buttons corresponding to different sounds.
• Sound playback on button click or key press.
• Users can play drums using both mouse clicks and keyboard keys (w, a, s, d, j, k, l).
• Responsive design, suitable for both desktop and mobile devices.

Technologies Used

• HTML5: Structure of the web page.
• CSS3: Styling and layout of the elements.
• JavaScript: Logic for handling button clicks and key presses, as well as playing sounds.

Usage

1. Playing with Mouse:

   • Click on any of the drum buttons with your mouse.
   • Each button corresponds to a different drum sound.

2. Playing with Keyboard:

   • Press the following keys on your keyboard to play the respective drum sounds:
     • w: Tom 1
     • a: Tom 2
     • s: Tom 3
     • d: Tom 4
     • j: Crash
     • k: Kick
     • l: Snare
   • Pressing the keys multiple times rapidly produces a drumming effect.

License

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