Task 3: React Frontend

task_3_react/helm/templates/deployment.yaml

@@ -0,0 +1,56 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: {{ .Release.Name }}-webapp
+spec:
+  selector:
+    matchLabels:
+      app: {{ .Release.Name }}-webapp
+  replicas: 1
+  template:
+    metadata:
+      labels:
+        app: {{ .Release.Name }}-webapp
+      annotations:
+        rollme: {{ randAlphaNum 5 | quote }}
+    spec:
+      imagePullSecrets:
+      - name: regcred
+      containers:
+      - name: {{ .Release.Name }}-webapp
+        image: {{ .Values.image.name }}-webapp:{{ .Values.image.tag }}
+        imagePullPolicy: Always
+        ports:
+        - containerPort: 5173
+        resources:
+          limits:
+            memory: "250M"
+          requests:
+            memory: "100M"
+        commnand: ["npm", "run", "dev"]
+        volumeMounts:
+        - name: config-volume
+          mountPath: /app/vite.config.js
+          subPath: vite.config.js
+      volumes:
+      - name: config-volume
+        configMap:
+          name: {{ .Release.Name }}-webapp-config 
+---
+apiVersion: v1
+kind: ConfigMap
+metadata:
+  name: {{ .Release.Name }}-webapp-config
+data:
+  vite.config.js: |
+    export default {
+      server: {
+        host: '0.0.0.0',
+        port: 5173,
+        allowedHosts: true,
+        watch: {
+          usePolling: true,
+          interval: 1000,
+        },
+      },
+    }

task_3_react/helm/templates/ingress.yaml

@@ -0,0 +1,24 @@
+apiVersion: networking.k8s.io/v1
+kind: Ingress
+metadata:
+  name: {{ .Release.Name }}-ingress
+  annotations:
+    nginx.ingress.kubernetes.io/enable-cors: "true"
+    cert-manager.io/cluster-issuer: letsencrypt-prod
+spec:
+  ingressClassName: nginx
+  tls:
+    - hosts:
+        - {{ .Values.url.hostname.uri }}.{{ .Values.url.hostname.base_uri }}
+      secretName: {{ .Release.Name }}-tls
+  rules:
+  - host: {{ .Values.url.hostname.uri }}.{{ .Values.url.hostname.base_uri }}
+    http:
+      paths:
+      - path: /
+        pathType: Prefix
+        backend:
+          service:
+            name: {{ .Release.Name }}-webapp
+            port:
+              number: 80

task_3_react/helm/templates/service.yaml

@@ -0,0 +1,10 @@
+apiVersion: v1
+kind: Service
+metadata:
+  name: {{ .Release.Name }}-webapp
+spec:
+  ports:
+  - port: 80
+    targetPort: 5173
+  selector:
+    app: {{ .Release.Name }}-webapp