How to build the docker image from this repository

[wildan3105]

Describe the context of this enhancement
Hi, I know there are several places that document the process of running the app locally (from backend, frontend, and ci folder). But I don't see there's a comprehensive step-by-step to build the app into a docker image and eventually run the app.

Describe the solution you'd like
A centralized content on how to build the app from scratch (backend & frontend) until the process of docker build and docker run so that we can run the app with ease without running the components (backend, frontend, DB) individually.

Additional context
So far, here's what I've done to build the app from scratch:

• build the frontend app (by running npm run build:prod)
• build the backend app (by running ./gradlew clean build)
• collect artifacts (by following the steps here)
• build the docker image by running docker build -t <docker-image-name>.
• finally, run the container by running docker run -d -p 3000:80 --name <container-name> <docker-image-name>:latest

But the above method didn't work as the app has been returning 502 Bad Gateway. So I'd appreciate if there's any pointer on what went wrong from the above steps 🙇

Thank you very much!

[amsantostw]

Still facing this issue when trying to run the public image made available by the project