Go to file
2022-07-03 22:04:33 +10:00
drum-machine Use individual drum pad key press event listeners to satisfy assessment tests 2022-07-03 22:04:33 +10:00
docker-compose.yml first iteration 2022-07-02 23:37:37 +10:00
dockerfile first iteration 2022-07-02 23:37:37 +10:00
README.md first iteration 2022-07-02 23:37:37 +10:00

Build a Drum Machine

Demo: drum-machine.radii.page

Profile: https://www.freecodecamp.org/radii

Project specification: Build a Drum Machine


Build and deploy as:

cd drum-machine
npm install
npm run build
cd ..
DOCKER_BUILDKIT=1 docker build -t radii/drum-machine:latest -f ./dockerfile ./drum-machine/build
docker run -p 8081:80 -it radii/drum-machine

Access WebApp at http://localhost:8081

Note: you may replace 8081 with any other port number where you wish to make service available.

Run tests as:

After building, go to to public sub-directory and edit index.html file and insert bellow code snippet immediately before closing </body> tag:

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

Than start development instance as:

npm start

You should now see a hamburger on top-left of page. Tap/click it than select test suite Drum Machine. Run Tests and observe results.