Drum machine is a fork from noops-challenge/drumbot. The idea is to create a drum computer which is available in the browser. It should help students learn new rhythms and improve their timing. It uses the WebAudio API. The frontend is written in React and uses the Mantine component library.
yarn install
yarn start
The live demo can be used here.
- allow pattern changes in the UI
- allow custom sample sounds
- make the BPM configurable
- dynamic sounds for each track (AudioContext.createGain)
- move the sounds between left and right or provide better experience with 3D sound
- improve the design continuously
- provide a pattern API
- add visualizations
- sound meter (AudioContext.createAnalyser)