https://github.com/albugowy15/drum-machine

A drum machine simulator built with ReactJS and Tailwind CSS
https://github.com/albugowy15/drum-machine

reactjs tailwindcss

Last synced: about 8 hours ago
JSON representation

A drum machine simulator built with ReactJS and Tailwind CSS

• Host: GitHub
• URL: https://github.com/albugowy15/drum-machine
• Owner: albugowy15
• Created: 2022-06-27T03:50:37.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-06-27T14:36:33.000Z (over 2 years ago)
• Last Synced: 2023-03-10T10:43:16.237Z (over 1 year ago)
• Topics: reactjs, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 299 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Drum Machine Simulator

![Drum Machine Simulator](https://media.giphy.com/media/SKnIU3Y88y3keZyLOA/giphy.gif)

A drum machine simulator built with ReactJS and Tailwind CSS. There are two group of instruments that you can play. The first one is basic drum instrument. You can hear some sound of basic drum instrument from some drum components such as snare, kick bas, hihat, etc. And the second group is smooth piano instrument.

To switch between instrument groups, click **Change Sounds Group** button. You also can set up the volume using volume slider. Or if you want to turn off all sounds, you can click **Turn The Power OFF** button. Click it again will turn it ON.

To play some sounds, click the Q, W, E, A, S, D, Z, X, or C button. Or you can play it by press those letter using keyboard.