A react drum machine with 9 clickable drum pad elements, which can also be triggered by key press. The drum machine also has a display, power button and volume control.
This is one of my project for Front End Development Libraries Projects on freeCodeCamp: Build a Drum Machine.

• Live Demo
• Final Product
• Getting Started
• Dependencies
• Credit

This project was bootstrapped with Create React App. It is deployed to Netlify:
https://drum-pod.netlify.app/

The web page on desktop

The web page on mobile

1. Clone or download this repository onto your local device.
2. cd to the folder where this project is cloned.
3. Install all dependencies with npm install command.
4. Run the app in the development mode with npm start command.
5. Open the broswer and visit: http://localhost:3000/.

• React: library for building the UI.
• Font Awesome: for icons.

• The design is cloned from CSA Images.
• Favicons made by Freepik from www.flaticon.com. Modified by myself.