sinb / rhythmdrums

Drum Machine built with vanilla JS.

🎛️ Rhythym and Drums

Drum machine built with vanilla JavaScript

🔨 Built with

Rhythym and Drums has been built using JavaScript and the audio libraries from Goldbaby audio library.

This App is part of the final projects in the FreeCodeCamp Front End Libraries Certification.

During the design of this project, Colorhunt and CSSMatic have been used as helpers to design the UI, and Flexbox to design the App itself.

🌟 Features

1. Developed using JavaScript.
2. Custom CSS design for this project.
3. Dynamic Pads generator: pads are dynamically generated when a library is selected.
4. Different Libraries: there are three different libraries that can be chosen by the user to play a wide range of sounds. Each library can be activated by pressing 1, 2 or 3 in the keyboard or by clicking directly on the button.
5. Pads: Every pad can be activated by clicking on it or by pressing the key that it is rendered in it. A different message is displayed when playing one of the 27 different sounds.

📝 License

Rhythym and Drums is under MIT License. You can read the full license file here.