Skip to content

Drum Kit 🥁 is an interactive web application that lets users play drum sounds using their keyboard or by clicking on-screen buttons. Built with HTML, CSS, and JavaScript, it features an easy-to-use interface with visual feedback and keyboard support for a fun beat-making experience.

Notifications You must be signed in to change notification settings

rohityadav-sas/Drum-Kit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Drum Kit 🥁

A simple drum kit web application that allows users to play different drum sounds by clicking buttons or pressing corresponding keys on the keyboard.

Table of Contents

Preview

preview.png

Introduction

This project is a fun web application that simulates a drum kit. It provides an interactive interface where users can trigger various drum sounds by either clicking the corresponding buttons on the screen or pressing the associated keys on their keyboard. The application is built using HTML, CSS, and JavaScript.

Technologies

  • HTML
  • CSS
  • JavaScript

Features

  • Interactive drum sounds
  • Visual feedback for button clicks
  • Keyboard support for triggering sounds
  • Easy-to-use interface

Installation

To run this project locally, follow these steps:

  1. Clone the repository to your local machine:

    git clone https://github.com/rohityadav-sas/drum-kit
    
  2. Navigate to the project directory:

    cd drum-kit
    

Usage

  1. Open the index.html file in your web browser.
  2. Click on the drum buttons or press the corresponding keys on your keyboard to play the drum sounds.
  3. Enjoy creating beats with the drum kit!

Contributing

Contributions are welcome! Here's how you can contribute to this project:

  1. Fork the repository.

  2. Create a new branch

    git checkout -b feature-branch
  3. Make your changes.

  4. Commit your changes

    git commit -am 'Add new feature'
    
  5. Push to the branch

    git push origin feature-branch
  6. Create a new Pull Request.

License

This project is licensed under the MIT License.

About

Drum Kit 🥁 is an interactive web application that lets users play drum sounds using their keyboard or by clicking on-screen buttons. Built with HTML, CSS, and JavaScript, it features an easy-to-use interface with visual feedback and keyboard support for a fun beat-making experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 46.0%
  • CSS 33.9%
  • HTML 20.1%