Drum Kit

Welcome to the Drum Kit project! 🥁 An interactive web-based drum kit where each drum corresponds to a letter on the keyboard.

How to Play

  1. Start Playing:

    • Click on the drum images with your mouse.
    • Alternatively, type the assigned alphabet on your keyboard to trigger the corresponding drum sound.

  2. Explore Sounds:

    • Each drum has its own unique sound, providing a variety of musical options.

  3. Enjoy Jamming:

    • Have fun creating beats and jamming with the Drum Kit!

Key Features

  • HTML/CSS/JS: Utilized to create an interactive and visually appealing drum kit.
  • Alphabetic Drum Assignment: Each drum is assigned a unique alphabet, making it easy to play using the keyboard.
  • Sound Effects: Triggered by either clicking on the drum images or typing the assigned alphabet on the keyboard.

Technologies Used

  • HTML/CSS: Foundation for structuring and styling the projects.
  • Bootstrap: Utilized for creating responsive and visually appealing designs.
  • Javascript: Implemented to add dynamic and interactive elements to the projects.

Try It Out

  1. Clone the repository.
    git clone [https://github.com/Akshaya101/javascript-projects]
  2. Open the index.html file in your browser.
  3. Refresh the page to play a new round.

Setting up the project locally

  1. Clone the repository.
  2. Install any dependencies (if applicable).
  3. Run or deploy the projects locally.

Demo

See the game in action here