https://github.com/hafizullah1991/drum-kit
https://github.com/hafizullah1991/drum-kit
css3 javsascript
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hafizullah1991/drum-kit
- Owner: hafizullah1991
- Created: 2024-07-18T18:19:19.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-18T18:22:18.000Z (almost 2 years ago)
- Last Synced: 2025-01-31T17:52:59.670Z (over 1 year ago)
- Topics: css3, javsascript
- Language: JavaScript
- Homepage:
- Size: 448 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Drum Kit Web Application
## Overview
This project is a simple drum kit web application where users can play drum sounds either by clicking on the buttons or pressing corresponding keys on the keyboard.
## Features
- Seven drum buttons representing different sounds (w, a, s, d, j, k, l).
- Clicking on a button or pressing the corresponding key triggers the associated drum sound.
- Visual feedback with button animations when clicked or pressed.
- Support for both mouse click and keyboard input for interaction.
- Error handling for non-supported keys or buttons.
- Responsive design for usability across various devices.
- Instructions provided for user guidance on how to interact with the drum kit.
## Usage
### Getting Started
1. **Clone the Repository:**
```bash
git clone https://github.com/hafizullah1991/Drum-Kit