From 749ddc1989809e72b748aca3555664648db948a3 Mon Sep 17 00:00:00 2001 From: AKASH KOBAL <98216083+AkashKobal@users.noreply.github.com> Date: Thu, 4 Jul 2024 15:51:49 +0530 Subject: [PATCH] Update README.md --- README.md | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 53 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 7021953..ebb79a8 100644 --- a/README.md +++ b/README.md @@ -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! 🥁