unable to hit my nodejs api while deploying project on heroku server - node.js

Question

I have made a simple project where I am maintaining data of my AWS dynamoDB, on first stage I am fetching all data through db and listing items, It works perfectly when I run project on my local machine but when I deployed this on heroku it crash on hitting my node api shows 404 error here is full error screenshot
I have also test project to run project on static port but won't work.
You can check project https://funcardmaker.herokuapp.com/update
here is my Nodejs code https://gist.github.com/amit0shakya/41a91df6cccb45665fd16b869801922e
This is heroku server log.
2019-07-30T07:59:17.593103+00:00 heroku[router]: at=info method=GET path="/getalldata" host=funcardmaker.herokuapp.com request_id=97923dda-2645-48fd-a0c5-8cf8e69b2955 fwd="139.167.184.88" dyno=web.1 connect=0ms service=5ms status=404 bytes=416 protocol=https

Answer 1

The reason why you can't use getalldata api because you are deploying your react app instead of deploying your express server which serve your production react app. So you need to config your package.json to start express server to serve your production react app. You just need to change start script in package.json to start express instead of react.
{
"name": "cardmaker3",
"version": "0.1.0",
"private": true,
"dependencies": {
"aws-sdk": "^2.464.0",
"axios": "^0.19.0",
"body-parser": "^1.19.0",
"dotenv": "^8.0.0",
"ejs": "^2.6.1",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-redux": "^7.1.0",
"react-router-dom": "^5.0.1",
"react-scripts": "3.0.1",
"redux": "^4.0.1",
"redux-thunk": "^2.3.0"
},
"scripts": {
"start-react": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"start": "node bin/config"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}