Name: clarke-s4-eval-mnn-Alienah
Owner: Adalab
Description: clarke-s4-eval-mnn-Alienah created by GitHub Classroom
Created: 2018-01-30 07:13:57.0
Updated: 2018-01-30 20:59:16.0
Pushed: 2018-01-31 13:26:59.0
Homepage: null
Size: 1155
Language: JavaScript
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
clarke-s4-eval-mnn-Alienah created by GitHub Classroom
Evaluación Sprint 4: React
El ejercicio consiste en desarrollar una página web con un listado de personajes de Harry Potter, que podemos filtrar por el nombre del personaje. Vamos a usar React para realizarlo. My Harry Potter characters screenshot
Vamos de definir los distintas partes del ejercicio:
Listado de personajes En primer lugar, vamos a realizar una web con el listado de personajes de Harry Potter. Para eso, vamos a utilizar el servicio de http://hp-api.herokuapp.com/ que nos devuelve bastante información sobre 25 personajes de la saga. Sobre cada uno, vamos a pintar al menos: nombre foto casa ¿está vivo? Para esta primera parte del ejercicio es suficiente si queréis pintar todas la información excepto la foto como un texto.
Filtrado de personajes Ahora que ya tenemos el listado de personajes en pantalla, la segunda parte consiste en poder buscarlos por nombre. Para eso, añadimos un input a la interfaz, de forma que al ir escribiendo un nombre queden en la interfaz solo los personajes cuyo nombre contiene las letras escritas. En el pantallazo de arriba, al escribir una 'G' aparecen personajes cuyo nombre completo contiene esa letra.