freeCodeCamp.org-Front-End-Dev-Libraries/Drum-Machine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Drum Machine https://drum-machine.radii.page/
3 Commits 1 Branch 0 Tags 492 KiB
JavaScript 73.5%
SCSS 12.5%
HTML 11.5%
CSS 2.5%
135e6597c4
Go to file
Manish 135e6597c4 Improved responsiveness on small screens 
* better responsiveness and alignment especially on narrower screens
* removed rounded borders for drum pads and main card
2022-07-03 21:03:50 +10:00
drum-machine Improved responsiveness on small screens 2022-07-03 21:03:50 +10:00
.gitignore Initial commit 2022-07-01 09:41:14 +02: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
LICENSE Initial commit 2022-07-01 09:41:14 +02:00
README.md first iteration 2022-07-02 23:37:37 +10:00

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.