Skip to content
This repository has been archived by the owner on Aug 18, 2023. It is now read-only.

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

Drum Machine

This is a simple drum machine application built using React. It allows users to play different sounds by clicking on the keyboard keys or pressing the corresponding keys on their keyboard. The application also allows users to adjust the volume and change the instrument being played.

Installation

To install the application, follow these steps:

  1. Clone the repository to your local machine.
  2. Navigate to the project directory.
  3. Run npm install to install the required dependencies.
  4. Run npm start to start the application.

Usage

To use the application, follow these steps:

  1. Click on the keyboard keys or press the corresponding keys on your keyboard to play different sounds.
  2. Use the volume slider to adjust the volume of the sounds.
  3. Click on the "Change Instrument" button to switch between different instruments.

Credits

This project was built using the following technologies:

  • React
  • ReactDOM

The sounds used in this project were obtained from FreeCodeCamp.

Demo

You can run the code in codepen.io or check the demo here.