La aplicación se presenta con un Header, un Form con dos inputs de búsqueda, por nombre y por especie. Y un listado de personajes correspondiete a la primera página de la API. Para saber más de la API (https://rickandmortyapi.com/documentation)
- La aplicación hace una llamada a la API cuando iniciamos la página para presetar un listado de personajes.
- Cuando buscamos por nombre, hacemos otra llamada a la API, que busca entre todos los nombres del total de personajes.
- A medida que vamos escribiendo en el input de texto nos aparecerán los resultados que contengan las letras que escribimos.
- Con el botón de select podemos elegir la especie que estamos buscando.
- Ambos inputs se complementan en el filtrado.
- Cuando pinchamos en cualquiera de las tarjetas de personaje, nos lleva a una nueva página donde encontraremos la tarjeta del personaje con más detalles y un botón para volver a la página principal.
- Si volvemos desde una tarjeta o recargamos la página nuestra búsqueda se mantiene.
- Si no encontramos el resultado de nuestra búsqueda la aplicación nos dará un mensaje de error.
- Si al poner en la url una extensión de la dirección que no se encuentra, la aplicación, nos dará un mensaje de error.
- Las tarjetas contienen dibujitos para designar la especia y el estatus. Si ponemos el cursor sobre ellos sabemos qué especie es.
- La disposición de las tarjetas está echa con Grid.
- La página es Responsive.
- Los resultados se ordenan alfabéticamente.
- Al pulsar intro el navegador no navega o cambia la ruta.
- El buscador acepta las búsquedas tanto en mayúsculas como en minúsculas.