running sample on Minikube;

Author: Bruno Krebs

README.md

@@ -26,3 +26,34 @@ npm i
 # run the frontend app
 npm start
 ```
+
+### Running on Minikube
+
+References:
+
+- https://medium.com/@awkwardferny/getting-started-with-kubernetes-ingress-nginx-on-minikube-d75e58f52b6c
+- https://medium.freecodecamp.org/learn-kubernetes-in-under-3-hours-a-detailed-guide-to-orchestrating-containers-114ff420e882
+
+Create all the resources (deployment, services, and ingress):
+
+```bash
+kubectl apply -f resources-manifests/deployment.yaml
+kubectl apply -f resources-manifests/backend-service.yaml
+kubectl apply -f resources-manifests/frontend-service.yaml
+kubectl apply -f resources-manifests/ingress.yaml
+```
+
+Then, find out the IP address of the Minikube cluster:
+
+```bash
+minikube ip
+```
+
+Finally, head to a web browser and hit the IP address returned by the command above. Also, if needed you can use the following commands to shutdown everything: 
+
+```bash
+kubectl delete -f resources-manifests/deployment.yaml
+kubectl delete -f resources-manifests/backend-service.yaml
+kubectl delete -f resources-manifests/frontend-service.yaml
+kubectl delete -f resources-manifests/ingress.yaml
+```

resources-manifests/backend-service.yaml

@@ -0,0 +1,13 @@
+apiVersion: v1
+kind: Service
+metadata:
+  name: react-tutorial-backend-service
+spec:
+  type: NodePort
+  ports:
+  - port: 8081
+    targetPort: 8081
+    protocol: TCP
+    name: frontend-port
+  selector:
+    app: react-tutorial

resources-manifests/deployment.yaml

@@ -0,0 +1,23 @@
+apiVersion: extensions/v1beta1
+kind: Deployment
+metadata:
+  name: react-tutorial
+spec:
+  replicas: 1
+  selector:
+    matchLabels:
+      app: react-tutorial
+  template:
+    metadata:
+      labels:
+        app: react-tutorial
+    spec:
+      containers:
+      - name: react-tutorial-frontend
+        image: brunokrebs/react-tutorial
+        ports:
+        - containerPort: 3000
+      - name: react-tutorial-backend
+        image: brunokrebs/react-tutorial-backend
+        ports:
+        - containerPort: 8081

resources-manifests/frontend-service.yaml

@@ -0,0 +1,13 @@
+apiVersion: v1
+kind: Service
+metadata:
+  name: react-tutorial-frontend-service
+spec:
+  type: NodePort
+  ports:
+  - port: 3000
+    targetPort: 80
+    protocol: TCP
+    name: frontend-port
+  selector:
+    app: react-tutorial

resources-manifests/ingress.yaml

@@ -0,0 +1,19 @@
+apiVersion: extensions/v1beta1
+kind: Ingress
+metadata:
+  name: react-tutorial-ingress
+  annotations:
+    nginx.ingress.kubernetes.io/rewrite-target: /
+    nginx.ingress.kubernetes.io/ssl-redirect: "false"
+spec:
+  rules:
+  - http:
+      paths:
+      - path: /backend
+        backend:
+          serviceName: react-tutorial-backend-service
+          servicePort: 8081
+      - path: /
+        backend:
+          serviceName: react-tutorial-frontend-service
+          servicePort: 3000