Drum Machine https://drum-machine.radii.page/

You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

Go to file

Manish c573e1d211 Use individual drum pad key press event listeners to satisfy assessment tests		1 year ago
drum-machine	Use individual drum pad key press event listeners to satisfy assessment tests	1 year ago
.gitignore	Initial commit	1 year ago
LICENSE	Initial commit	1 year ago
README.md	first iteration	1 year ago
docker-compose.yml	first iteration	1 year ago
dockerfile	first iteration	1 year ago

README.md

Build a Drum Machine

Demo: drum-machine.radii.page

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

Project specification: Build a Drum Machine

Tests

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.