Skip to content

A web based Drum music Kit which contains the number of keys that represents drums in a typical drum set. When the user clicks or presses the key, it plays corresponding sounds of the drum. This site was made for fun. So, enjoy playing.🎶🎶

Notifications You must be signed in to change notification settings

harmeetsingh11/drum-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Drum 🥁 Kit

A web based Drum music Kit which contains the number of keys that represents drums in a typical drum set. When the user clicks or presses the key, it plays corresponding sounds of the drum. This site was made for fun. So, enjoy playing.🎶🎶

Demo

https://harmeetsingh11.github.io/drum-kit/

Screenshots

Run Locally

Clone the project

  git clone https://github.com/harmeetsingh11/drum-kit.git

Go to the project directory

  cd drum-kit

Start the project

  start index.html

Tech Stack

  • HTML5
  • CSS3
  • Vanilla Javascript

Concepts Learned

  • Advanced Javascript and DOM manipulation.
  • Add Mouse, Keyboard Event listeners to Elements.

Acknowledgements

I'd like to express my gratitude towards Dr. Angela Yu for her Web Development course at Udemy.

About

A web based Drum music Kit which contains the number of keys that represents drums in a typical drum set. When the user clicks or presses the key, it plays corresponding sounds of the drum. This site was made for fun. So, enjoy playing.🎶🎶

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published