Skip to content

id-andyyy/Drum-Keys

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Арт

GitHub Created At Lines Of Code Top Language Website

Drum Keys 🥁

A website where you can play your own music using a keyboard. ⌨. This is one of my first projects 🔰.

Description

On the computer: when you press certain keys, it plays back specific sounds (clap, hihat, kick, openhat, boom, ride, snare, tom, tink).

On the phone: you can press the key images to get the appropriate sounds.

Demonstration

Visit website or watch the demo (click on the image) 👇

Preview

Technologies and Tools

HTML5 CSS3 JavaScript Figma Git

Development features:

  • Adaptive layout adapts to any device
  • Animation when pressing the keys
  • BEM methodology
  • Vanilla JavaScript (the code is broken down into functions)
  • Meta tags are configured

Feedback

I would appreciate it if you give a star ⭐. If you find a bug or have suggestions for improvement, use the Issues section.

Acknowledgments

Thanks to strawberry2892 🍓 for creating the layout of the site. The site was created as part of the JavaScript30 challenge.

Read in Russian 🇷🇺