feat: Enhance configuration for environment variables and update Docker setup

Author: ChingEnLin

.gitignore

@@ -38,6 +38,7 @@ coverage/
 .env
 .env.local
 .env.docker
+.env.production
 
 # CD and deployment files
 publish-profile.yml

backend/services/pg_connection.py

@@ -6,11 +6,18 @@
 DB_PASS = env.get("DB_PASS", "postgres")
 DB_HOST = env.get("DB_HOST", "127.0.0.1")
 DB_PORT = env.get("DB_PORT", "5432")
+DB_UNIX_SOCKET = env.get("DB_UNIX_SOCKET")
 
 
 def get_connection():
-    conn = psycopg2.connect(
-        dbname=DB_NAME, user=DB_USER, password=DB_PASS, host=DB_HOST, port=DB_PORT
-    )
+    # Use Unix socket if available (Cloud SQL), otherwise use host/port (local dev)
+    if DB_UNIX_SOCKET:
+        conn = psycopg2.connect(
+            dbname=DB_NAME, user=DB_USER, password=DB_PASS, host=DB_UNIX_SOCKET
+        )
+    else:
+        conn = psycopg2.connect(
+            dbname=DB_NAME, user=DB_USER, password=DB_PASS, host=DB_HOST, port=DB_PORT
+        )
     conn.autocommit = True
     return conn

frontend/Dockerfile

@@ -1,6 +1,15 @@
 # Frontend Dockerfile
 FROM node:20 AS build
 WORKDIR /app
+
+# Build arguments for environment variables
+ARG VITE_API_BASE_URL
+ARG VITE_AZURE_REDIRECT_URI
+
+# Set environment variables for build
+ENV VITE_API_BASE_URL=$VITE_API_BASE_URL
+ENV VITE_AZURE_REDIRECT_URI=$VITE_AZURE_REDIRECT_URI
+
 COPY package.json package-lock.json ./
 RUN npm install
 COPY . .
@@ -11,4 +20,12 @@ WORKDIR /usr/share/nginx/html
 COPY --from=build /app/dist .
 EXPOSE 4000
 RUN rm -rf /etc/nginx/conf.d/default.conf
-COPY nginx.conf /etc/nginx/conf.d
+COPY nginx.conf /etc/nginx/conf.d/default.conf.template
+
+# Create script to substitute environment variables in nginx config
+RUN echo '#!/bin/sh' > /docker-entrypoint.sh && \
+    echo 'envsubst < /etc/nginx/conf.d/default.conf.template > /etc/nginx/conf.d/default.conf' >> /docker-entrypoint.sh && \
+    echo 'exec nginx -g "daemon off;"' >> /docker-entrypoint.sh && \
+    chmod +x /docker-entrypoint.sh
+
+CMD ["/docker-entrypoint.sh"]

frontend/app.config.ts

@@ -10,7 +10,6 @@ export const USE_MSAL_AUTH = true;
 
 /**
  * Defines the base URL for the backend API.
- * Change this to point to your deployed backend service.
- * For local development, this typically points to a local server.
+ * Uses environment variable if available, otherwise defaults to localhost for development.
  */
-export const API_BASE_URL = 'http://localhost:8000';
+export const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8000';

frontend/nginx.conf

@@ -1,5 +1,5 @@
 server {
-    listen       80;
+    listen       ${PORT:-80};
     server_name  localhost;
 
     location / {

frontend/vite-env.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_API_BASE_URL: string
+  readonly VITE_AZURE_REDIRECT_URI: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}