Added Docker files for frontend

node-express-server/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+npm-debug.log
+.git
+.env

node-express-server/Dockerfile

@@ -0,0 +1,13 @@
+# Multi-stage build for a smaller, secure image
+FROM node:18-alpine AS builder
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci --only-production
+COPY . .
+
+FROM node:18-alpine
+WORKDIR /app
+COPY --from-builder /app .
+EXPOSE 8080
+# Note: Based on your screenshot, the main file is server.js
+CMD ["node", "server.js"]

react-client/Dockerfile

@@ -0,0 +1,15 @@
+# Stage 1: Build the React app
+FROM node:18-alpine AS build
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+# Stage 2: Serve using Nginx
+FROM nginx:alpine
+# In React apps, the build output usually goes to a folder named 'build'
+COPY --from-build /app/build /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

react-client/nginx.conf

@@ -0,0 +1,8 @@
+server {
+    listen 80;
+    location / {
+        root /usr/share/nginx/html;
+        index index.html index.htm;
+        try_files $uri $uri/ /index.html;
+    }
+}