Add Docker configuration for backend and frontend services

Author: Wcoder547

Back-end/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+.git
+.env
+dist

Back-end/Dockerfile

@@ -0,0 +1,19 @@
+FROM node:24-alpine
+
+WORKDIR /app
+
+
+RUN corepack enable
+
+
+COPY package.json pnpm-lock.yaml ./
+
+
+RUN pnpm install --frozen-lockfile
+
+
+COPY . .
+
+EXPOSE 3000
+
+CMD ["pnpm", "start"]

Front-end/.dockerignore

@@ -0,0 +1,29 @@
+# ---- Build Stage ----
+FROM node:24-slim AS build
+
+WORKDIR /app
+
+# pnpm setup
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
+
+# Copy dependency files first (cache optimization)
+COPY package.json pnpm-lock.yaml ./
+
+RUN pnpm install --frozen-lockfile
+
+# Copy source code
+COPY . .
+
+# Build (Vite to /dist)
+RUN pnpm build
+
+# ---- Production Stage ----
+FROM nginx:alpine
+
+COPY --from=build /app/dist /usr/share/nginx/html
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

Front-end/Dockerfile

@@ -0,0 +1,29 @@
+services:
+  backend:
+    build:
+      context: ./Back-end
+      dockerfile: Dockerfile
+    container_name: mern-backend
+    restart: always
+    env_file:
+      - ./Back-end/.env
+    ports:
+      - "3000:3000"
+    networks:
+      - mern-network
+
+  frontend:
+    build:
+      context: ./Front-end
+      dockerfile: Dockerfile
+    container_name: mern-frontend
+    restart: always
+    ports:
+      - "80:80"
+    depends_on:
+      - backend
+    networks:
+      - mern-network
+
+networks:
+  mern-network: