HACK THE OCEAN

tema: Especies en peligro de extincion

Parte de BACKEND

hakaton 13 de mayo 2022 a 15 de mayo 2022

Objetivo

  • Hacer uso de las herramientas aprendidas en LaunchX-InnovaccionVirtual
  • Desarrollar una aplicación de acuerdo a la problemática

Introducción

Este proyecto crea una pequeña Api de animales en peligro de extinción con el uso de server express de forma local, donde se toma un .json como base de datos.

Diagrama de flujo

hack flujo color

Tecnologías usadas

  • git
  • Jests
  • Node JS
  • Eslint
  • Express
  • github actions

Creación del proyecto

  • Primero se creo el repositorio de github
  • Se clono y para tenerlo de manera local
  • se añadió el package.json con mpm init
  • se agregaron los módulos de jest , espress y leslint se instala jest npm intall --save-dev [email protected]

Nota : se agrega la versión 26.0.0 porque github acction nos de error porque con la última versión de jest manda error.

Se instala express npm install express --save

Se instala ESlint npm install eslint --save -dev Se ejecuta el comando npm init @eslint/config y se configuro de la siguiente forma

![hack linter](https://user-images.githubusercontent.com/99068430/168502165-a3cf4804-337f-4b3d-90b6-c847f5d770ff.png)

Creacion de pruebas

Se crearon primero las pruebas de unidad y de ahí empezó hacer el proyecto

hack pruebas de controller y services

hack resder

Se crean AnimalService.js y dos metodos allAnimals(dbAnimal) que muestra todos los animales den la base de datos y animalFilter(dbAnimal,name) que filtra los animales por nombre.

Pasan las pruebas de unidad

hack animalservices test

hack readertest

Se importan los módulos de los archivos a AnimalContollery estos a su vez se pasan a el servidor

Servidor

Para el servidor se crea server.js y crean dos endpoints uno que muestra todo los animales y el otro el filtrado por name

hack servercodigo

Corriendo el server de forma local

Corremos del server con el comando npm server.js

hack server

Para poder entrar en el navegador ponemos http://localhost:3000y nos arroja una bienvenida, para ver todo los animales alojados en la Api ponemos http://localhost:3000/v1/allAnimales

hack allAnimals

Para poder ver los animales por nombre ponemos en le navegador http://localhost:3000/v1//v1/Animales/:name donde :name recibira el el animal a filtrar

hack consulta name

Una ves finalizado todo de aplica linter para que arregle todas las inconsistencias de codigo con npm run linter muestra los errores y con npm run linter-fix los arregla.

hack linterfinal

link de la parte Frontend

Proyecto Link al repo
FRONEND Link al repo

GitHub

View Github