Esta es la prueba de evaluación final del módulo 3 de Ana Apezteguía Martínez en Adalab.
Este ejercicio está realizado con la librería React.js, especializada en crear interfaces de usuario componentizadas, concretamente usando create-react-app, un generador que automaliza la instalación de React y Babel, transforma el código ES6 en ES5 y preconfigura un proyecto. Incorpora React Router, una librería compatible con React que nos permite especificar rutas en nuestra aplicación web usando componentes de React, para escribir aplicaciones web de una sola página (Single Page Applications, en inglés).
Evalúa los conocimientos adquiridos React JS a lo largo del módulo, como pueden ser: crear una adecuada estructura de ficheros, integración de Sass, correcto uso de JSX, componentes de clase, componentes funcionales, correcto uso de props, pintar listados, uso de children, fragments, default props y propTypes, eventos, estados y React hooks.
El ejercicio consiste en desarrollar una página web con un listado de personajes de Rick and Morty, que podemos filtrar por el nombre del personaje. Hay que:
- Listar los personajes.
- Filtrarlos por nombre.
- Crear, al menos, los siguientes componentes: filtro por nombre, listado, tarjeta de cada personaje y detalle de cada personaje.
Se evalúan ciertas características adicionales como las citadas a continuación:
- Semántica, responsive, iconos extra...
- Mensajes al usuario si no se obtienen los resultados de búsqueda esperados.
- Que los filtros no sean case sensitive.
- Que los datos se guarden si volvemos atrás.
- Url compartible (en caso de ser una url de localhost mostrar un mensaje de que el personaje no existe).
- Que el listado de personajes se ordene alfabéticamente por nombre.
- Añadir más filtros.
© Ana Apezteguía Martínez.