single dockerfile

Dockerfile

@@ -0,0 +1,37 @@
+# ----------------------
+# STAGE 1: Backend build
+# ----------------------
+
+FROM python:3.9-slim-buster as backend
+
+WORKDIR /app/backend
+
+COPY web_app/backend/requirements.txt .
+
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY web_app/backend/ .
+
+EXPOSE 5000
+
+CMD ["python", "run.py"]
+
+# -------------------------
+# STAGE 2: Frontend build
+# -------------------------
+
+FROM node:14-alpine as frontend
+
+WORKDIR /app/frontend
+
+COPY web_app/frontend/package*.json ./
+
+RUN npm install
+
+COPY web_app/frontend/ .
+
+RUN npm run build
+
+CMD ["npx", "serve", "-s", "build", "-l", "3000"]
+
+EXPOSE 3000

docker-compose.yml

@@ -1,50 +1,26 @@
-# docker-compose.yml
-
-# The version of the Docker Compose file format
 version: '3'
-
-# Define the services that make up the application
 services:
-
-  # Backend service definition
   backend:
-
-    # Build the Docker image for this service using the Dockerfile in the ./backend directory
-    build: ./web_app/backend
-
-    # Map the port 5000 in the Docker container to port 5000 on the host machine
+    build: 
+      context: .
+      target: backend
     ports:
       - 5001:5000
-
-  # Frontend service definition
   frontend:
-
-    # Build the Docker image for this service using the Dockerfile in the ./frontend directory
-    build: ./web_app/frontend
-
-    # Map the port 3000 in the Docker container to port 3000 on the host machine
+    build: 
+      context: .
+      target: frontend
     ports:
       - 3000:3000
-
     environment:
-      - HOST= 0.0.0.0
-
-  # Nginx service definition
+      - HOST=0.0.0.0
   nginx:
-
-    # Use the pre-built 'nginx:1.19-alpine' Docker image for this service
     image: nginx:1.19-alpine
-
-    # Mount the nginx configuration file from the host machine into the Docker container
     volumes:
       - ./nginx.conf:/etc/nginx/nginx.conf
       - ./frontend/build:/usr/share/nginx/html
-
-    # Map the port 80 in the Docker container to port 80 on the host machine
     ports:
       - 80:80
-
-    # Start this service only after the 'backend' and 'frontend' services have been started
     depends_on:
       - backend
       - frontend

web_app/backend/Dockerfile

@@ -1,22 +0,0 @@
-# backend/Dockerfile
-
-# Start from a base Python image
-FROM python:3.9-slim-buster
-
-# Set a working directory
-WORKDIR /app
-
-# Copy requirements file to the container
-COPY requirements.txt .
-
-# Install Python dependencies
-RUN pip install --no-cache-dir -r requirements.txt
-
-# Copy the rest of the application files to the container
-COPY . .
-
-# Expose port
-EXPOSE 5000
-
-# Run the application
-CMD ["python", "run.py"]

web_app/frontend/Dockerfile

@@ -1,25 +0,0 @@
-# frontend/Dockerfile
-
-# Start from a base Node image
-FROM node:14-alpine
-
-# Set a working directory
-WORKDIR /app
-
-# Copy package.json and package-lock.json files to the container
-COPY package*.json ./
-
-# Install Node dependencies
-RUN npm install
-
-# Copy the rest of the application files to the container
-COPY . .
-
-# Build the application
-RUN npm run build
-
-# Serve the application using a simple server
-CMD ["npx", "serve", "-s", "build", "-l", "3000"]
-
-# Expose port
-EXPOSE 3000