ERR_CONNECTION_REFUSED After deploying Angular app to Render.com

My deployed render app is not able to get the backend data. I also cannot try to login or register.

Opening the app in firefox rather than chrome shows another error: “Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:5000/api/foods. (Reason: CORS request did not succeed). Status code: (null).”

Link to app: https://food-store-angular.onrender.com/

Github link: https://github.com/dannyj172/Food-Store-Angular/

Image of console errors