Drum Machine

A SPA Drum Machine made with React.

Table of Contents

• Installation
• Features
• Live Preview

Installation

Quick Setup

• Clone this repository using:

git clone https://github.com/ezioda004/Drum-Machine

• cd into the folder:

cd drum-machine

• Install all the modules and dependencies:

npm install

• Run the server

npm start

The app should open up in your default browser at localhost:5000.

Features:

• Users can click on the buttons to play the corresponding sounds
• Users can all press the key mentioned to play the sound.
• Users can also change the volume.
• A display shows which instrument is playing.
• Different instrument animation corresponds to different sounds.
• Buttons are focused on clicking or pressing the keys.
• The app is fully responsive and scalable.

Live Preview:

• The live preview of the SPA can be found here: https://drum-machine.netlify.com/ and Codepen