Esta es una app de front creada en Vue JS version 3, dicha aplicacion se conecta a una api rest y tiene la funcionalidad para un CRUD de Explorers:
Axios
. Nos permite realizar las peticiones HTTP al server. Referencias: https://github.com/axios/axiosbootstrap
. Es una libreria para estilos, nos permite agregar los estilos a los controles de las paginas simplemente usando sus clases. https://getbootstrap.com/Linter
. Es una herramienta para ayudarnos a cuidar la legibilidad en nuestro código. Para correr la revision usamos el comandonpm run lint
. Para revisar sus reglas puedes verificar el sitio https://eslint.org/docs/rules/
La aplicacion tiene una estructura como se muestra a continuacion:
missionCommander
Campo | Tipo |
---|---|
id | Integer (autogenerado) |
name | String |
username | String |
mainStack | String |
currentEnrollment | Boolean |
hasAzureCertification | Boolean |
- En la pantalla inicial del front, consulta todos los registros de esta tabla y muéstralos.
- Agrega la posibilidad de agregar uno nuevo.
- Agrega la posibilidad de editar el
mainStack
. - Agrega la posibilidad de eliminar el registro.
- Crea un fork para tener una copia del proyeto.
- Clona esta copia en tu entorno local.
- Descarga las dependencias, dentro de este proyecto ejecuta:
npm install
- Ejecuta tu app con el comando:
npm run serve
, con esto podrás entrar a la url:http://localhost:8081/