Thanks to visit codestin.com
Credit goes to github.com

Skip to content

This is a simple webapp made by using jQuery, Unleash the Drummer inside you!

Notifications You must be signed in to change notification settings

omkar2711/Drum_Kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Drum Kit Website

Welcome to the Drum Kit Website repository! This is a project I developed to create a virtual drum kit using HTML, CSS, JavaScript, and a touch of jQuery.

About the Project

The Drum Kit Website allows users to play virtual drums by pressing corresponding keys on their keyboard or clicking on the drum buttons displayed on the webpage. The sounds and animations associated with each drum element provide an interactive and engaging experience.

Features

  • Responsive Design: The website is designed to adapt to different screen sizes, allowing users to play the drums on various devices.
  • Key and Click Events: Users can play the drums by pressing the corresponding keys on their keyboard or by clicking on the drum buttons with their mouse.
  • Drum Sounds: Each drum element produces a unique sound when played.
  • Animations: When a drum is played, it triggers an animation to enhance the user experience.

Installation

To run the Drum Kit Website locally on your machine, follow these steps:

  1. Clone this repository: git clone https://github.com/omkar2711/Drum_Kit/
  2. Open the project in your preferred code editor.
  3. Open index.html in your web browser.

Usage

To play the drums on the website:

  • Press the corresponding keys on your keyboard (A, S, D, F, G, H, J, K) or
  • Click on the drum buttons displayed on the webpage.
  1. Fork the repository.
  2. Create a new branch: git checkout -b feature/your-feature-name.
  3. Commit your changes: git commit -m 'Add some feature'.
  4. Push to the branch: git push origin feature/your-feature-name.
  5. Open a pull request.

Thank you for visiting this repository and showing interest in my project!

Best regards,
Omkar

About

This is a simple webapp made by using jQuery, Unleash the Drummer inside you!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published