mpc-drum-machine

MPC Drum Machine

FreeCodeCampFebruary 6, 2023

The MPC drum machine app I created was a FreeCodeCamp exercise. Using React , I built an interface that mimics the classic Akai MPC drum machine. The app allows users to play beats by clicking on the virtual drum pads or using their keyboard. I also included the ability to adjust the volume of the sounds. One of the interesting things about this app was styling it the way it looks like an actual MPC, which I accomplished it by applying shadows and textures. Overall, this project has helped me improve my React and CSS skills and deepen my understanding of audio programming in the browser.

Dom Vournias Portfolio
Get in touch

If you want to work together on a project or to just have a chat, please don't hesitate to contact me.

about
Dom Vournias signature