Deploy MERN app on heroku

Hello I have built mern app following a book and the project structure is different than usually you can encounter in mern apps in the web.

Here is the repo:

I don’t know how to prepare this project to deploy it to heroku.

any tips would be highly appreciated

One way of doing it would be to build your React app into the single index.html + the couple other js files that it requires, then configure the routes in your express server to serve up the React app page when you hit the index route (app.get('/')).

Another way would be to split them up. Host the server side API only on Heroku and move your React app elsewhere like Netlify. You would have to configure your app to use the Heroku domain that it becomes, and possibly configure CORS for your express server.