Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
AkashKobal authored Jul 4, 2024
1 parent 6dcdb37 commit 749ddc1
Showing 1 changed file with 53 additions and 2 deletions.
55 changes: 53 additions & 2 deletions README.md
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! 🥁

0 comments on commit 749ddc1

Please sign in to comment.