projectEntregaModuloDos
Trabajo Practico de HTML+CSS+JavaScript de Diego Ponzo, para la Diplomatura en Programación Web Full Stack UTN - 2024
El sitio web se trata de un ejemplo de como utilizar llamadas API. Sitio web: https://hp-api.onrender.com/
La API de Harry Potter es una interfaz de programación de aplicaciones que proporciona acceso a una variedad de datos relacionados con el mundo mágico creado por J.K. Rowling en la serie de libros de Harry Potter. Esta API puede ofrecer información sobre personajes, hechizos, casas de Hogwarts, criaturas mágicas, lugares y mucho más. En esta API de Harry Potter se proporcionan endpoints para realizar consultas y obtener datos específicos.
Especificaciones que se van a encontrar en el proyecto
Main Page
- Se ejecuta una peticion y muestra los primeros 6 personajes en la seccion Personajes
- Se ejecuta una peticion y muestra los primeros 15 hechizos en la seccion Casa de Hogwarts
- Se ejecuta una peticion y muestra los primeros 3 personajes de Gryffindor House en la seccion Casas de Hogwarts
- Se ejecuta una peticion y muestra los primeros 3 personajes de Slytherin House en la seccion Casas de Hogwarts
- Se ejecuta una peticion y muestra el unico personaje con imagenes de Hufflepuff House en la seccion Casas de Hogwarts
- Se ejecuta una peticion y muestra los unicos dos personajes con imagenes de Ravenclaw House en la seccion Casas de Hogwarts
- Se observa un boton emergente y flotante que al clickearlo va al inicio de la pagina
- Web Responsiva
Characters Page
- Se ejecuta una peticion y muestra todos los personajes existentes en todas las sagas de Harry Potter Para cada Personaje se muestra:
- la imagen del protagonista, en caso que no aparezaca la imagen, se muestra una imagen generica
- el nombre del protagonista en la saga
- el genero del personaje, en caso que no aparezaca el dato, se muestra No Data
- el casa donde pertenece el personaje, en caso que no aparezaca el dato, se muestra No Data
- el nombre del actor en la vida real, en caso que no aparezaca el dato, se muestra No Data
- la fecha de nacimiento del actor en la vida real, en caso que no aparezaca el dato, se muestra No Data
- si vive o no el personaje, en caso que no aparezaca el dato, se muestra No Data
- la edad del actor, la cual se calcula con una funcion, solo en el caso que se indique la fecha de nacimiento
- Se observa un boton emergente y flotante que al clickearlo va al inicio de la pagina
- Web Responsiva
Repositorio GitHub: https://github.com/elltete/projectEntregaModuloDos.git
Deploy: https://harry-potter-project-api.vercel.app
eMail: diegoponzo@gmail.com