https://github.com/adeebkhan25/drum_kit

🥁 A fun and interactive Drum kit web app where you can play drum sounds using your keyboard or by clicking on the pads. Built with HTML, CSS, and JavaScript.
https://github.com/adeebkhan25/drum_kit

css html javascript

Last synced: 2 days ago
JSON representation

🥁 A fun and interactive Drum kit web app where you can play drum sounds using your keyboard or by clicking on the pads. Built with HTML, CSS, and JavaScript.

• Host: GitHub
• URL: https://github.com/adeebkhan25/drum_kit
• Owner: AdeebKhan25
• Created: 2020-01-01T10:43:56.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-08-25T18:01:13.000Z (3 months ago)
• Last Synced: 2024-08-26T18:52:44.234Z (3 months ago)
• Topics: css, html, javascript
• Language: HTML
• Homepage: https://adeebkhan25.github.io/Drum_kit/
• Size: 368 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Drum Kit

A fun and interactive web-based Drum Kit that lets you play different drum sounds using your keyboard or by clicking on the drum pads. Perfect for music enthusiasts and beginners to experiment with drum beats.

## Features

1. Play drum sounds by pressing the corresponding keys (`w`, `a`, `s`, `d`, `j`, `k`, `l`) or clicking the buttons.

2. Customizable: Easily extendable by adding more sounds or changing the current ones.

## Getting Started

To get started with this project locally, follow these steps:

1. Clone the repository:

```bash

git clone https://github.com/AdeebKhan25/Drum_kit.git

```

2. Navigate to the Drum_kit directory:

```bash

cd Drum_kit

```

3. Open index.html by any web browser to run your Drum kit.

## Screenshot

![App](https://github.com/user-attachments/assets/8d4f29f3-ce73-4638-9643-016c346da16a)

### Further Assistance

If you need any more help or have other questions, feel free to ask. Happy coding! 🚀