Working docker-compose.yaml added. Services start and work.

web/frontend/.dockerignore

@@ -0,0 +1,12 @@
+node_modules
+dist
+.git
+.gitignore
+*.log
+.env
+.env.local
+.DS_Store
+Dockerfile
+Dockerfile.dev
+.dockerignore
+nginx.conf

web/frontend/Dockerfile

@@ -0,0 +1,27 @@
+# Stage 1: Build
+FROM node:20-alpine AS builder
+
+WORKDIR /app
+
+# Install dependencies
+COPY package.json package-lock.json* ./
+RUN npm install
+
+# Copy the application code and build
+COPY . .
+RUN npm run build
+
+# Stage 2: Production (nginx)
+FROM nginx:alpine
+
+# Copy built assets from builder
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# Copy nginx configuration
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Expose the port
+EXPOSE 80
+
+# Start nginx
+CMD ["nginx", "-g", "daemon off;"]

web/frontend/Dockerfile.dev

@@ -0,0 +1,17 @@
+FROM node:20-alpine
+
+# Set working directory
+WORKDIR /app
+
+# Install dependencies
+COPY package.json package-lock.json* ./
+RUN npm install
+
+# Copy the application code
+COPY . .
+
+# Expose the port
+EXPOSE 5173
+
+# Start the development server
+CMD ["npm", "run", "dev", "--", "--host", "0.0.0.0"]

web/frontend/vite.config.ts

@@ -1,19 +1,24 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
+// Backend URL for proxy (default to localhost for local dev)
+const BACKEND_URL = process.env.BACKEND_URL || 'http://localhost:8000'
+
 export default defineConfig({
   plugins: [react()],
   server: {
     proxy: {
       '/api': {
-        target: 'http://localhost:8000',
+        target: BACKEND_URL,
         changeOrigin: true,
+        secure: false,
       },
       '/ws': {
-        target: 'ws://localhost:8000',
+        target: BACKEND_URL.replace(/^http/, 'ws'),
         ws: true,
         changeOrigin: true,
+        secure: false,
       },
     },
   },
-})
+})