feat: add Docker setup with deployment instructions and GitHub Actions workflows

Author: tesfa27

.env

@@ -0,0 +1,2 @@
+# Replace with your GitHub username
+GITHUB_USERNAME=your-github-username

.github/workflows/actions.yaml

@@ -0,0 +1,27 @@
+name: Build and Push Docker Images
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build_and_push:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Log in to GitHub Container Registry
+        run: echo "${{ secrets.GITHUB_TOKEN }}" | docker login ghcr.io -u ${{ github.actor }} --password-stdin
+
+      - name: Build and push backend image
+        run: |
+          docker build ./backend --tag ghcr.io/${{ github.repository_owner }}/task-board:backend-latest
+          docker push ghcr.io/${{ github.repository_owner }}/task-board:backend-latest
+
+      - name: Build and push frontend image
+        run: |
+          docker build ./frontend --tag ghcr.io/${{ github.repository_owner }}/task-board:frontend-latest
+          docker push ghcr.io/${{ github.repository_owner }}/task-board:frontend-latest

DEPLOYMENT.md

@@ -0,0 +1,50 @@
+# Docker Deployment Guide
+
+## Setup Instructions
+
+1. **Update Environment Variables**
+   ```bash
+   # Edit .env file and replace with your GitHub username
+   GITHUB_USERNAME=your-actual-github-username
+   ```
+
+2. **Deploy on Any Server**
+   ```bash
+   # Clone repository
+   git clone https://github.com/your-username/task-board.git
+   cd task-board
+   
+   # Update .env with your GitHub username
+   nano .env
+   
+   # Pull and start services
+   docker-compose pull
+   docker-compose up -d
+   ```
+
+3. **Access Application**
+   - Frontend: http://your-server-ip
+   - Backend API: http://your-server-ip:3000
+   - MongoDB: localhost:27017 (internal)
+
+## Commands
+
+```bash
+# Start services
+docker-compose up -d
+
+# Stop services
+docker-compose down
+
+# View logs
+docker-compose logs -f
+
+# Update images
+docker-compose pull
+docker-compose up -d
+```
+
+## Ports
+- Frontend: 80
+- Backend: 3000
+- MongoDB: 27017

backend/.dockerignore

@@ -0,0 +1,11 @@
+node_modules
+npm-debug.log
+.git
+.gitignore
+README.md
+.env
+.nyc_output
+coverage
+.nyc_output
+.coverage
+.vscode

backend/Dockerfile

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

docker-compose.yml

@@ -0,0 +1,47 @@
+version: '3.8'
+
+services:
+  mongodb:
+    image: mongo:7
+    container_name: task-board-mongo
+    restart: unless-stopped
+    environment:
+      MONGO_INITDB_DATABASE: taskboard
+    volumes:
+      - mongodb_data:/data/db
+    ports:
+      - "27017:27017"
+    networks:
+      - task-board-network
+
+  backend:
+    image: ghcr.io/tesfa27/task-board:backend-latest
+    container_name: task-board-backend
+    restart: unless-stopped
+    environment:
+      - MONGO_URI=mongodb://mongodb:27017/taskboard
+      - PORT=3000
+    ports:
+      - "3000:3000"
+    depends_on:
+      - mongodb
+    networks:
+      - task-board-network
+
+  frontend:
+    image: ghcr.io/tesfa27/task-board:frontend-latest
+    container_name: task-board-frontend
+    restart: unless-stopped
+    ports:
+      - "80:80"
+    depends_on:
+      - backend
+    networks:
+      - task-board-network
+
+volumes:
+  mongodb_data:
+
+networks:
+  task-board-network:
+    driver: bridge

frontend/.dockerignore

@@ -0,0 +1,8 @@
+node_modules
+npm-debug.log
+.git
+.gitignore
+README.md
+.env.local
+.vscode
+dist

frontend/.github/workflows/actions.yaml

@@ -0,0 +1,27 @@
+name: Build and Push Docker Images
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build_and_push:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Log in to GitHub Container Registry
+        run: echo "${{ secrets.GITHUB_TOKEN }}" | docker login ghcr.io -u ${{ github.actor }} --password-stdin
+
+      - name: Build and push backend image
+        run: |
+          docker build ./backend --tag ghcr.io/${{ github.repository_owner }}/task-board:backend-latest
+          docker push ghcr.io/${{ github.repository_owner }}/task-board:backend-latest
+
+      - name: Build and push frontend image
+        run: |
+          docker build ./frontend --tag ghcr.io/${{ github.repository_owner }}/task-board:frontend-latest
+          docker push ghcr.io/${{ github.repository_owner }}/task-board:frontend-latest

frontend/Dockerfile

@@ -0,0 +1,18 @@
+FROM node:18-alpine AS build
+
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm ci
+
+COPY . .
+RUN npm run build
+
+FROM nginx:alpine
+
+COPY --from=build /app/dist /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/nginx.conf
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]

frontend/nginx.conf

@@ -0,0 +1,19 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    include /etc/nginx/mime.types;
+    default_type application/octet-stream;
+
+    server {
+        listen 80;
+        server_name localhost;
+        root /usr/share/nginx/html;
+        index index.html;
+
+        location / {
+            try_files $uri $uri/ /index.html;
+        }
+    }
+}