Add frontend Dockerfile and Docker-based CI workflow

Author: 1300Sarthak

.github/workflows/frontend-docker-ci.yml

@@ -0,0 +1,29 @@
+name: Frontend Docker CI
+
+on:
+  push:
+    branches: [main, develop]
+  pull_request:
+    branches: [main, develop]
+
+jobs:
+  frontend-docker:
+    name: Frontend Docker Build & Test
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build Docker image
+        run: docker build -t smartquery-frontend ./frontend
+
+      - name: Run lint in Docker
+        run: docker run --rm smartquery-frontend npm run lint
+
+      - name: Run tests in Docker
+        run: docker run --rm smartquery-frontend npm run test
+
+      - name: Run build in Docker
+        run: docker run --rm smartquery-frontend npm run build

frontend/Dockerfile

@@ -0,0 +1,17 @@
+# Use a specific Node version for consistency
+FROM node:18.20.2-alpine
+
+WORKDIR /app
+
+# Install dependencies
+COPY package.json package-lock.json ./
+RUN npm ci
+
+# Copy the rest of the code
+COPY . .
+
+# Run lint, test, and build as part of the image build
+RUN npm run lint && npm run test && npm run build
+
+EXPOSE 3000
+CMD ["npm", "start"]