#issue 120 Add Docker Setup for Frontend and Backend

backend/.dockerignore

@@ -0,0 +1 @@
+node_modules

backend/config/config.js

@@ -4,7 +4,7 @@ dotenv.config();
 
 const config = {
   port: process.env.PORT || 3000,
-  mongodbUri: process.env.MONGODB_URI,
+  mongodbUri: process.env.MONGODB_URI || "mongodb://localhost:27017",
   jwtSecret: process.env.JWT_SECRET,
   nodeEnv: process.env.NODE_ENV,
 };

backend/dockerfile

@@ -0,0 +1,12 @@
+FROM node:18-alpine
+
+WORKDIR /usr/src/app
+
+COPY package*.json ./
+RUN npm install
+
+COPY . .
+
+EXPOSE 3000
+
+CMD ["npm", "start"]

docker-compose.yml

@@ -0,0 +1,21 @@
+version: '3'
+services:
+  frontend:
+    build:
+      context: ./frontend
+    ports:
+      - "5173:5173"
+    volumes:
+      - ./frontend:/usr/src/app
+      - /usr/src/app/node_modules
+    environment:
+      - CHOKIDAR_USEPOLLING=true
+
+  backend:
+    build:
+      context: ./backend
+    ports:
+      - "3000:3000"
+    volumes:
+      - ./backend:/usr/src/app
+      - /usr/src/app/node_modules

frontend/.dockerignore

@@ -0,0 +1 @@
+node_modules

frontend/dockerfile

@@ -0,0 +1,13 @@
+    FROM node:18-alpine
+
+    WORKDIR /usr/src/app
+
+    COPY package*.json ./
+
+    RUN npm install
+
+    COPY . .
+
+    EXPOSE 5173
+
+    CMD ["npm", "run", "dev"]

frontend/vite.config.js

@@ -4,4 +4,9 @@ import react from '@vitejs/plugin-react'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: {
+    port: 5173,   // Ensure Vite is running on this port
+    host: true,   // Makes the server accessible from outside the container
+    strictPort: true,
+  },
 })