Skip to content

this project aims to provide users the basic knowledge of web development

Notifications You must be signed in to change notification settings

awhyshll/Drum-Kit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Drum Kit Project🥁

A simple Drum Kit application built using HTML, CSS, and JavaScript. Users can play sounds by clicking on the drum pads or by pressing corresponding keyboard keys.

Features🚀

  • Play drum sounds by clicking on buttons.
  • Use keyboard keys (A, S, D, F, G, H, J, K, L) to trigger sounds.
  • Responsive design for better usability.

Getting Started🚀

Prerequisites🚀

  • A web browser (Chrome, Firefox, etc.)
  • Basic understanding of HTML, CSS, and JavaScript

Installation OR How to Contribute🚀

  1. Clone the repository:
    git clone https://github.com/your-username/drum-kit.git
    
  2. Make your changes and commit them:
    git commit -m "Add your message"
    
    
  3. Push to the branch:
    git push origin feature/YourFeatureName
    
    
  4. Open a pull request

File Structure

  drum-kit/
│
├── index.html      # Main HTML file
├── styles.css      # CSS for styling
└── script.js       # JavaScript for functionality
└── sounds/         # Directory for sound files


About

this project aims to provide users the basic knowledge of web development

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 76.7%
  • CSS 23.3%