/react-drum-machine

🎹 A drum machine built with React, bootstraped with Create React App.

Primary LanguageJavaScript

React Drum Machine

A drum machine built with React, featuring the Dracula color scheme and bootstraped with Create React App. See a live demo here

Netlify Status

Drum Machine Screenshot

Features

  • Keyboard support
  • Visual feedback, with sound display and pad activation
  • Volume control
  • Possibility to switch between multiple sound banks

Installation

  1. Clone this repo 
    git clone https://www.github.com/rfargetton/react-drum-machine
  2. Install npm packages 
    cd react-drum-machine && npm install
  3. Run a development server 
    npm start
  4. Create a production build 
    npm run build