cvega21 / edm-soundboard

An EDM-inspired piano and soundboard.

EDM Soundboard

A piano and soundboard inspired by legendary DJ Illenium. Built for FreeCodeCamp's Front-End Libraries certification (completed in April 2021).

Features

• 15-key Piano
• 3 melodic samples
• Kick and Clap
• Play with keyboard
  • Kick: Spacebar
  • Clap: P
  • Melodic Samples: Z, X, C
  • Piano Half-Tone Keys: W, E, R, Y, U, I
  • Piano Full-Tone Keys: A, S, D, F, G, H, J, K, L

Libraries Used

• React
• Bootstrap
• useSound

Audio Samples

Used with permission from Slate Digital. Mixed in Audacity (open source audio editor).

Next Steps

• Eliminate dependency on useSound custom hook
• Eliminate dependency on Bootstrap
• Add a different set of sounds for Excision
• Create sound objects through a higher order function (e.g. map())
• Make sounds only playable once (e.g. pressing the button again stops-starts the playback so that the same sound doesn't play concurrently)

Disclaimer: Illenium and Excision Logos are used under Fair Use. Fair use is a legal doctrine that promotes freedom of expression by permitting the unlicensed use of copyright-protected works in certain circumstances. Section 107 of the Copyright Act provides the statutory framework for determining whether something is a fair use and identifies certain types of uses—such as criticism, comment, news reporting, teaching, scholarship, and research—as examples of activities that may qualify as fair use.