add front/backend dockerfiles

docker-compose.yml

@@ -0,0 +1,50 @@
+# 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
+    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
+    ports:
+      - 3000:3000
+
+    environment:
+      - HOST= 0.0.0.0
+
+  # Nginx service definition
+  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

nginx.conf

@@ -0,0 +1,30 @@
+# The events block configures the connection handling capabilities of Nginx.
+events {
+    # The worker_connections directive specifies the maximum number of simultaneous connections
+    # that a single worker process can handle.
+    worker_connections 1024;
+}
+
+# The http block is where you define directives for handling HTTP requests.
+http {
+    upstream frontend {
+        server frontend:3000;
+    }
+    
+    upstream backend {
+        server backend:5000;
+    }
+
+    server {
+        listen 80;
+        
+        location / {
+            proxy_pass http://frontend;
+        }
+
+        location /api/ {
+            proxy_pass http://backend;
+        }
+    }
+}
+

web_app/backend/Dockerfile

@@ -0,0 +1,22 @@
+# 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/backend/app/__init__.py

@@ -3,3 +3,4 @@ from flask import Flask, request
 app = Flask(__name__)
 
 from app import home
+

web_app/backend/app/home.py

@@ -3,4 +3,6 @@ from app import app
 
 @app.route('/')
 def index():
-    return "Hello, World!"
+    return "Hello, World!"
+
+

web_app/backend/requirements.txt

@@ -10,4 +10,4 @@ psycopg2-binary==2.9.6
 python-dotenv==1.0.0
 SQLAlchemy==2.0.18
 typing_extensions==4.7.1
-Werkzeug==2.3.6
+Werkzeug==2.3.6

web_app/frontend/Dockerfile

@@ -0,0 +1,25 @@
+# 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