React runs on port 8080

docker-compose.yml

@@ -28,9 +28,11 @@ services:
     build:
       context: ./frontend
     ports:
-      - "5173:5173"
+      - "5173"
     networks:
       - app_network
+    depends_on:
+      - web_server
       
 networks:
   app_network:

frontend/Dockerfile

@@ -17,4 +17,4 @@ COPY . .
 EXPOSE 5173
  
 # Define the command to run your app
-CMD ["npm", "run", "dev"]
+CMD ["npm", "run", "dev", "--", "--host"]

nginx/nginx.conf

@@ -42,5 +42,9 @@ http {
             rewrite ^/api/(.*)$ /$1 break;
             proxy_pass http://web_server:5000;  # flask-app is the name of the Flask container in docker-compose
         }
+
+        location / {
+            proxy_pass http://frontend:5173;  # frontend is the name of the React container in docker-compose
+        }
     }
 }