Skip to content

Files

Latest commit

 

History

History
57 lines (42 loc) · 1.62 KB

README.md

File metadata and controls

57 lines (42 loc) · 1.62 KB

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.

Demo

Check out the live demo: Drum Kit Demo

alt text

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: 
    git clone https://github.com/AkashKobal/drum-kit.git
  2. Navigate to the project directory: 
    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 file for details.

Acknowledgements

  • Drum sound audio files from freesound.org
  • Inspiration from various online tutorials and projects

Happy drumming! 🥁