hackatonlaunchx_marinefrontspecies's Introduction

FrontendApp MarineWell

Hackaton LaunchX

Diagrama de clases
Diagrama Habitad
Diagrama de estados de riesgo
HomeView.vue Se encarga de cargar la estructura de la página principal utilizando los componentes:
- ImagesSlideshow.vue
- PurposeObjective.vue
ImagesSlideshow.vue Se encarga de desplegar un banner.
PurposeObjective.vue Se encarga de presentar las tarjetas de "Objetivo" y "Propósito" recibiendo los datos a mostrar desde HomeView.vue como parámetros.
PageHeader.vue Se encarga de crear un header para la página web. Recibe el nombre de la misma a mostrar por parámetros.
PageFooter.vue Se encarga de crear un footer para la página web.
SpeciesView.vue Se encarga de desplegar las targetas con la informacion de las especies desde la base de datos.

Maquetado del home

Maquetado de las especies en extención

Pagina de Inicio
- Navegacion y Banner
- Objetivos y Escalabilidad
- Footer
Animales en peligro de extinción
- Carta del animal marino en peligro de extinción
- Vista de algunas de las especies
Formulario para agregar otra especie en peligro de extinción
- Formulario

Clonar el repositorio git clone https://github.com/LuianOrtiz/HackatonLaunchX_MarineFrontSpecies/tree/main
Instalar las dependencias
```
npm install
```
Ve al repositorio del backend click aqui y sigue las instrucciones del README
Otros comandos que pueden servir
- Compiles and hot-reloads for development
```
npm run serve
```
- Compiles and minifies for production
```
npm run build
```
- Lints and fixes files
```
npm run lint
```
- Customize configuration See Configuration Reference.

Recommend Projects