Este proyecto ha sido creado con Create React App. Y con la Api de Marvel
Está divido en los siguientes componentes:
- Header
- Buscador
- Lista
- Tarjeta de personaje
- Modal
Dichos componentes son funcionales, y se les ha dado estilos empleando el preprocesador de SASS y utilizando para su maquetación css flexbox de manera totalmente responsive.
Para buscar tu personaje, debes introducir los caracteres por los que comienza su nombre y presionar el botón del buscador. Aunque también está la opción de presionar dicho botón sin introducir ningún caracter, en cuyo caso aparecerán los primeros 12 personajes de la lista.
Una vez tienes la lista completa de los personajes, si clicas en el botón de Ver detalle, aparecerá un modal con la descripción ( si viene proporcionada en la API ) del personaje que has clicado. Para cerrar el modal solo tienes que clicar en cerrar y volverás a la lista de personajes.