Merge pull request #6 from Lemoncode/feature/k8s-exercise

Feature/k8s exercise

Author: JaimeSalas

.gitignore

@@ -1,7 +1,19 @@
-.DS_Store
+# environments
+.env
 
-# code Jenkins demos
+# dependencies
 node_modules/
 
-.env
+# build
+wwwroot
+dist/
+
+# vs code
+.DS_Store
+
+# exercise solution
+exercise-solution/
+.DS_Store
+
+# code Jenkins demos
 app/

02-orquestacion/exercises/00-monolith-in-mem/README.md

@@ -0,0 +1,27 @@
+# Todo App React
+
+## Run solution locally
+
+First we need to install dependencies change directory to `todo-app/frontend` and run `npm install`, then change directory to `/todo-app` and run `npm install`. Once that all dependencies are installed, we can run the solution locally by changing directory to `todo-app/frontend` and running `npm run run-p -l start:server start:dev`.
+
+## Environment Variables
+
+```ini
+NODE_ENV=
+PORT=
+```
+
+## Running the Application with Docker on Local
+
+```bash
+$ docker build -t jaimesalas/lc-todo-monolith . 
+```
+
+Start app without database
+
+```bash
+$ docker run -d -p 3000:3000 \
+  -e NODE_ENV=production \
+  -e PORT=3000 \
+  jaimesalas/lc-todo-monolith
+```

02-orquestacion/exercises/00-monolith-in-mem/exercise-monolith-in-memory.md

@@ -0,0 +1,23 @@
+# Monolito en memoria
+
+## Enunciado
+
+Construir los distintos recursos de Kubernetes para generar un clúster, como el de la siguiente imagen:
+
+![monolith in memory](./monolith-in-mem.png)
+
+### Para ello seguir los siguientes pasos:
+
+### Paso 1. Crear todo-app
+
+Crear un `Deployment` para `todo-app`, usar el `Dockerfile` de este direetorio **todo-app**, para generar la imagen necesaria.
+
+Al ejecutar un contenedor a partir de la imagen anaterior, el puerto por defecto es el 3000, pero se lo podemos alimentar a partir de  variables de entorono, las variables de entorno serían las siguientes
+
+* **NODE_ENV** : El entorno en que se está ejecutando el contenedor, nos vale cualquier valor que no sea `test`
+* **PORT** : El puerto por el que va a escuchar el contenedor.
+
+### Paso 2. Acceder a todo-app desde fuera del clúster
+
+Crear un `LoadBalancer service` para acceder al `Deployment` anteriormente creado desde fuera del clúster. Para poder utilizar un `LoadBalancer` con minikube seguir las instrucciones de este [artículo](https://minikube.sigs.k8s.io/docs/handbook/accessing/)
+

02-orquestacion/exercises/00-monolith-in-mem/monolith-in-mem.drawio

@@ -0,0 +1 @@
+<mxfile modified="2020-12-06T19:04:03.748Z" host="app.diagrams.net" agent="5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36" etag="7qDEBO5y6vxC52D70SB4" version="13.10.9" type="device"><diagram id="WI9T0HZ2pTsCkuznbFz-" name="Page-1">3Vlbb6M4FP41eSwyBgI8pmnTXXUqVVOtdmfeHHDALWBknIbsr99jMAmXXJqoSWc2rRT8+fh2znc+G2dkTdPyQZA8fuIhTUYYheXIuhthbKIxgi+FrGvEcZwaiAQLtdEWeGH/0qalRpcspEXHUHKeSJZ3wYBnGQ1kByNC8FXXbMGT7qg5iegAeAlIMkT/ZqGMNWqO/W3FH5RFsR7aw25dkZLGWK+kiEnIVy3Iuh9ZU8G5rJ/SckoT5bzGL3W72Z7azcQEzeRHGkyCMnwij48o/ct5+8necZKJG9PTk5PrZsU0BAfoIhcy5hHPSHK/RW8FX2YhVd0iKG1tvnGeA2gC+EqlXOtokqXkAMUyTXQtzFis/4HCDTKQbTfID9WjYY3dBrgr9Rh1ad0uPVPBUiqp0GAhBX+jU55wUa3D8pD6g5qhoxoiERFRecA7mqrKI62G2r0PlMP4Yg0GgiZEsvcuZYhmXrSx000nQpB1yyDnLJNFq+dnBYCBTiLsaQbpFLJxO87wUHf4scZmk5DN6AVfioDqVp1uW0vcQhWpTiHY+CsIdgYZvjrIaNyNk93L5tPsj7Biw4Je62OsGE7D3D2NTUd1jl2OXv5vQq+jWmP9EjQ0tbg08bS8k2jVa41t77pi4x5kA03mfHW5jQxSobOR2f45+1g1SXh+p0IyOIdciG7ji9BtwAirJ1OAXJURGP8m+lD74cBK/OsEzLEtw+mGzEENciVRx19zKC2ZVKlsQibbulwnsoMcXd4msiqsW4VBGjfKoHTA6woDMvGvcsKFlV6FVj72DN/2N5+uKnimYY/xtvq6uwb+kjNEQzf1wtOlG0L2+XQD9tpWl25j17sS3Y6K2LXoZiKMDccxXWyblutbZu9cgnxDVyDLtj08Pu/061sQPX8vqz3DMx20+XxMRE8+saHeFuv5h+fsowPm3QPeGRn2PSrX6+AtfShM+8frwnv8TsiNjt87SZY6ok884wmDnAAuZOq2hKZcMDJIRElLOeBixjOVgguWJD2olV8LnkmdfNhuyrpjVd+cryYJizLAUhaGVWYTDQTAbpUMmu7KnpYdPg4yYMjjpoHTe4XXxVXrSglpLG7dJvXfptrM78jgqRHBg4gMXN/yZUiKeKN1q5hJWuSkSvSVIHkvFKAU2HOde7xLQxbVB2o0rQF0buFfqR7kxxTUylJfIwesp1WFWcG4h/o70aqLvqW/p2O3ag31Ozoxe5g6knRs4R+WF5NceSEtI3X7abwt51RkoKGFwQKeqWWKP6uHO5p/Bo1w77Udj5ujWYtJ1g4iNbeSn04k6ziRGi+xtLprbSdpPwml2jw36Dcyp8kzL5hklQ/nXEqegkGiKm5J8BZV2/AuflWDTYq8vhNWvCVNYcFKReZbPZ+7WEp1mTxRjsCzIMxwFb0Fgw1eGAGMiGchkSBOM4WDFs8yHtLXQunazFTU2ABwzMmz6BNCjQehHkqGfU3FsAeBTjgJb+YkIVkAOrlHufe+Fe0X8YEA75XqSopeulLUPZh9QiRct/dC5O8Qb9PZkXOXCoUzCMUkz/+/Aeinwg7/78qEM9wPxe3vMfXhZ/urlnX/Hw==</diagram></mxfile>

02-orquestacion/exercises/00-monolith-in-mem/monolith-in-mem.png

@@ -0,0 +1,23 @@
+# local installed dependenies
+node_modules/
+dist/
+
+# local build
+wwwroot/
+
+# local development
+nodemon.json
+
+
+# environment variables
+.env
+.env.template
+.env.test
+
+# tools configuration
+.prettierrc
+
+# project info
+README.md
+
+

02-orquestacion/exercises/00-monolith-in-mem/todo-app/.dockerignore

@@ -0,0 +1,2 @@
+NODE_ENV=
+PORT=

02-orquestacion/exercises/00-monolith-in-mem/todo-app/.env.template

@@ -0,0 +1,2 @@
+NODE_ENV=test
+PORT=3001

02-orquestacion/exercises/00-monolith-in-mem/todo-app/.env.test

@@ -0,0 +1,8 @@
+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "endOfLine": "lf",
+  "trailingComma": "all",
+  "singleQuote": true,
+  "arrowParens": "always"
+}

02-orquestacion/exercises/00-monolith-in-mem/todo-app/.prettierrc

@@ -0,0 +1,36 @@
+FROM node:alpine3.12 as builder
+
+WORKDIR /build
+
+# Copy backend app files
+COPY ./src ./src
+
+# Copy frontend app files
+COPY ./frontend ./frontend
+
+# Copy dependencies manifest
+COPY package*.json ./
+
+# Copy compile configuration
+COPY tsconfig.json ./ 
+
+# Build apps
+RUN npm install
+
+RUN cd ./frontend && npm install
+
+RUN npm run build
+
+# Packaging app
+FROM node:alpine3.12 as app
+
+WORKDIR /app
+
+COPY --from=builder ./build/wwwroot ./
+
+# Install production dependencies
+COPY package*.json ./
+
+RUN npm ci --only=production
+
+CMD [ "node", "app.js" ]