-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
6dcdb37
commit 749ddc1
Showing
1 changed file
with
53 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,57 @@ | ||
# Drum Kit 🥁 | ||
|
||
## Demo [click here](https://akashkobal.github.io/drum-kit/) | ||
This repository contains an interactive Drum Kit web application that plays instrument sounds when users click on keyboard keys or mouse buttons. Built with _HTML, CSS, and JavaScript_, it provides a fun and engaging way to create music. The repository includes all the necessary files: HTML, CSS, JavaScript, and drum sound audio files. | ||
This repository contains an interactive Drum Kit web application that plays instrument sounds when users click on keyboard keys or mouse buttons. Built with HTML, CSS, and JavaScript, it provides a fun and engaging way to create music. | ||
|
||
## Demo | ||
Check out the live demo: [Drum Kit Demo](https://github.com/AkashKobal/drum-kit.git) | ||
|
||
![alt text](https://github.com/AkashKobal/drum-kit/blob/main/Screenshot%20(351).png) | ||
|
||
## Features | ||
- Play drum sounds using keyboard keys | ||
- Play drum sounds using mouse clicks | ||
- Responsive design | ||
|
||
## Technologies Used | ||
- HTML | ||
- CSS | ||
- JavaScript | ||
|
||
## Getting Started | ||
|
||
### Prerequisites | ||
To run this project locally, you need a web browser and a text editor. | ||
|
||
### Installation | ||
1. Clone the repository: | ||
```sh | ||
git clone https://github.com/AkashKobal/drum-kit.git | ||
``` | ||
2. Navigate to the project directory: | ||
```sh | ||
cd drum-kit | ||
``` | ||
3. Open the `index.html` file in your web browser to start playing the drum kit. | ||
|
||
## File Structure | ||
- `index.html` - The main HTML file | ||
- `styles.css` - The CSS file for styling | ||
- `script.js` - The JavaScript file for functionality | ||
- `sounds/` - Directory containing drum sound audio files | ||
|
||
## Usage | ||
Press the keys on your keyboard or click the buttons on the screen to play different drum sounds. | ||
|
||
## Contributing | ||
Contributions are welcome! Please feel free to submit a Pull Request. | ||
|
||
## License | ||
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details. | ||
|
||
## Acknowledgements | ||
- Drum sound audio files from [freesound.org](https://freesound.org/) | ||
- Inspiration from various online tutorials and projects | ||
|
||
--- | ||
|
||
Happy drumming! 🥁 |