Simple react todo-list using the following concepts
- React hooks
- Docker
- Helm Charts
- Kubernetes
We need the following minimum setup available in your machine to deploy this App
- Docker daemon (Docker Desktop or Podman Desktop)
- Docker Hub Account
- Helm
- Minikube (to know more refer to this link https://minikube.sigs.k8s.io/docs/start/)
Once the above-mentioned setup will be completed, execute the following commands to run the project
-
npm install
-
npm run build
-
docker login
-
docker build -t {your docker username}/react-todo-list:latest .
-
docker push {your docker username}/react-todo-list:latest
-
helm install example-chart ./charts/example-chart
-
kubectl expose deployment example-chart --type=LoadBalancer --port=8080
-
kubectl get services
-
minikube service example-chart
During the final command execution the react project output loaded in a browser