Angular to Docker

angular/Dockerfile

@@ -0,0 +1,21 @@
+# Use the official Node.js image as the base image
+FROM node:22
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package.json and package-lock.json (if available)
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the Angular application code
+COPY . .
+
+# Expose the port that Angular will serve on
+EXPOSE 4200
+
+# Run the Angular development server (ng serve)
+CMD ["ng", "serve", "--host", "0.0.0.0", "--port", "4200"]
+

docker-compose.yml

@@ -17,12 +17,22 @@ services:
       - "5003:5000"
     volumes:
       - ./flask:/app
-  
-  websockets:
+
+  angular:
     build:
-      context: ./websockets
-      dockerfile: Dockerfile.websockets
+      context: ./angular
+      dockerfile: Dockerfile
     ports:
-      - "5004:5000"
+      - "4200:4200"
     volumes:
-      - ./websockets:/app_websockets
+      - ./angular:/app
+    command: ["ng", "serve", "--host", "0.0.0.0", "--port", "4200"]
+
+  #websockets:
+    #build:
+      #context: ./websockets
+      #dockerfile: Dockerfile.websockets
+    #ports:
+      #- "5004:5000"
+    #volumes:
+      #- ./websockets:/app_websockets

flask/Dockerfile

@@ -1,4 +1,4 @@
-FROM python:3.10-slim-buster
+FROM python:3.12-slim-bookworm
 WORKDIR /app
 COPY ./requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt