Skip to content

nadiamurias/ricky-and-morty

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ricky & Morty

Realización de una página web con un buscador para encontrar personajes de la serie de Ricky and Morty y ver las caracterísitcas principales de cada personaje clicando sobre él. Además incluye un filtro por status: si está vivo, muerto, no se sabe o todos ellos. Ha sido realizado con React JS.

Resultado

Aquí puedes acceder al resultado final a través de este enlace, espero que te guste ❤️

Estructura de componentes

  • App
    • Filter
      • FilterByName
      • FilterByStatus
    • CharacterList
      • CharacterCard
    • CharacterDetail

Tareas realizadas

  • Utilización de la api (https://rickandmortyapi.com/documentation/#get-all-characters) para obtener la información.
  • Filtar los personajes por nombre a través de input y por status a través del select.
  • Al clicar sobre un personaje mostrar una tarjeta con sus detalles, en caso de no existir el personaje saldrá un mensaje de error.
  • Incluir un icono en función de que los personajes estuviesen muertos o vivos.
  • Añadir mensaje de error si escribimos el id del personaje a mano en la url y nos equivocamos.
  • Realizar una web responsive para poder adaptarlo a dispositivos pequeños.

💪🏻 💻 a tope!!