---
# System prepended metadata

title: Practica 3 - Grupo H

---

# Practica 3 - Grupo H
---
### 201806839 - Julián Maldonado
### 201404215 - Jorge Salazar
### 199911132 - Marlon Fuentes
---
## Frontend de aplicacion
Para la creacion de la practica se realizo la creacion de una aplicacion sencilla en la cual se realiza el ingreso de datos estudiantiles para que estos sean agregados a una lista la cual se visualiza al momento de pasar a la siguiente vista, y esta muestra los datos que se estan ingresando en la primera vista.
![](https://i.imgur.com/pImb99t.png)
![](https://i.imgur.com/ZgDLQkN.png)


Listar los links de los 3 contenedores cargados en DockerHub o el Container
- einjunge99/frontend_h:latest
- einjunge99/backend_h:latest
*En el caso del tercer contenedor se opto por utilizar una imagen de mongodb, esto por la facilidad que esta brinda para el manejo de la informacion que se esta ingresando*

Registry de GitLab
● *Describir la estructura de al menos un DockerFile*
La estructura del dockerfile utilizado para la crear utilizado para la creación del Backend de la aplicación, en el cual se utilizara una imagen de node:16  y se asignara como directorio de trabajo "/app", se trasladara el package.json al directorio que se destino para realizar el trabajo y luego intermanente se corren los comando necesarios para la instalacion de los paquetes necesarios para el funcionamiento del backend de la aplicacion, luego todos estos archivos se copian en la carpeta del directorio de trabajo y por ultimo la imagen ejecuta los comandos necesarios para que la aplicación se mantenga corriendo para poder ser consumida por el cliente de la aplicación.

![](https://i.imgur.com/B8HQns9.png)


● *Describir la estructura del DockeCompose*
Para la creacion de nuestro compose se seleccion la version 3.5 del compose y se definieron los 3 servicios que se utilizaran para el funcionamiento de nuestra practica, estos son definidos por el cliente, el backend y el servicio de mongo, para los cuales se realiza la construccion de cada una de las imagenes obtenidas desde el dockerfile creado para cada una de las imagenes que se crearán en docker, de la misma manera se definieron los puertos a los cuales se conectarán los distintos servicios para el uso de lo necesario para dar un correcto funcionamiento a la aplicación, tambien se definieron los distintos espacios relacionados a las variables de entorno relacionadas a las imagenes que se van a utilizar.

![](https://i.imgur.com/bCCjRub.png)


Mostrar la carpeta local que fue creada y es utilizada como volumen
![](https://i.imgur.com/aISdhsS.png)
![](https://i.imgur.com/JbKKxGU.png)


● Captura que compruebe la creación de artefactos
● Captura de ejecución de las pruebas unitarias
![](https://i.imgur.com/4zJ4Ujc.png)
![](https://i.imgur.com/8kLM9Xk.png)

● Captura de los resultados de cobertura con sonarqube 😣