Tell us what’s happening:
fcc-drum-machine not working after build and deploy. Once I get the project deployed on to GH-pages, lots of things are not working. I don’t get it. I am playing with this thing right now on my desktop after the build and it is working great. It passes 8 out of 8 tests. There are also little things like in the styling that are not working. The buttons do not move or show any action when clicked or the keyboard is pressed. It makes the sounds it is supposed to and for its purpose it acts like the example minus the other nine sounds in another library of sounds (which is not required in the assignment). I used React 17 with Bootstrap CDN links. I am not sure how to try this on codepen as I am not as familiar with how to import packages and setup package.json file. I also uploaded a screenshot of my project showing all of the tests passing as they are now on my local machine.
Your code so far
Here is a link to my GH page with the drum machine: David Wilburn Drum Machine on GitHub
My package.json file looks like this: {
“name”: “fcc-drum-machine”,
“version”: “0.1.0”,
“private”: true,
“homepage”: “David Wilburn || Drum-Machine”,
“dependencies”: {
“@testing-library/jest-dom”: “^5.17.0”,
“@testing-library/react”: “^12.1.2”,
“@testing-library/user-event”: “^13.5.0”,
“react”: “^17.0.2”,
“react-dom”: “^17.0.2”,
“react-scripts”: “5.0.1”,
“web-vitals”: “^2.1.4”
},
“scripts”: {
“start”: “react-scripts start”,
“build”: “react-scripts build”,
“eject”: “react-scripts eject”,
“predeploy”: “npm run build”,
“deploy”: “gh-pages -d build”
},
“eslintConfig”: {
“extends”: [
“react-app”,
“react-app/jest”
]
},
“browserslist”: {
“production”: [
“>0.2%”,
“not dead”,
“not op_mini all”
],
“development”: [
“last 1 chrome version”,
“last 1 firefox version”,
“last 1 safari version”
]
},
“devDependencies”: {
“@babel/plugin-proposal-private-property-in-object”: “^7.21.11”,
“gh-pages”: “^6.1.1”
}
}
The rest of the code is too much to paste here so you might want to just visit the repo and see if you can find anything.
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36
Challenge Information:
Front End Development Libraries Projects - Build a Drum Machine
