Esta página web es el resultado de la evaluación final del módulo 3:React de Adalab.
- Listado de personajes:
En primer lugar, vamos a realizar una web con el listado de personajes de Rick and Morty. El servicio de la Api nos devolverá información sobre los primeros 20 personajes de la serie. Sobre cada uno vamos a pintar al menos:
- Foto
- Nombre
- Especie
- Filtrado de personajes:
La segunda parte consiste en poder buscarlos por nombre. Para ello, 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.
- Componentes del listado de personajes El listado debe tener los siguientes componentes como mínimo:
- Componente para el filtro de nombre.
- Componente para el listado.
- Componente para la tarjeta de cada personaje del listado.
- Componente para el detalle de cada personaje.
- Detalle de personajes
Al hacer clic sobre la tarjeta de un personaje, su información aparecerá a pantalla completa. Para hacer esto usaremos rutas y React Router DOM. En la pantalla de detalle aparecerá además de la foto, nombre y especie, el planeta de origen, el número de episodios en los que aparece y si está vivo o muerto.
HTML y CSS para la maquetación. JavaScript y React para la interacción con el usuario.
- Clonar el repositorio.
- Ejecutar en la terminal npm install para instalar las dependencias necesarias.
- Ejecutar en la terminal npm start para arrancar el servidor.