Skip to content

SaraOsacar/Rick-and-Morty-React-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rick & Morty React project 👽 (Ejercicio de evaluación final Módulo 3) 💫

Página web de la serie de animación Rick and Morty, con un listado de personajes (API) donde el usuario puede filtrar la búsqueda por nombre y por especie.

  1. Listado de personajes (por foto/nombre/especie).

  2. Filtrado de personajes (añadimos un input a la interfaz, de forma que al escribir un nombre queden en la interfaz solo los personajes cuyo nombre contienen las letras escrita).

  3. Componentes del listado de personajes. El listado debe contar con los componentes para:

    • Filtro (Filters.js)
    • Listado (CharacterList.js)
    • Tarjeta de cada personaje (CharacterItem.js)
    • Detalle de cada personaje (CharacterDetail.js)
  4. Detalle de personajes: implementar una nueva funcionalidad y al hacer click sobre la tarjeta de un personaje, su información aparecerá a pantalla completa. Para ello utilizaremos rutas y React Router DOM. En la pantalla de detalle aparecerá además de la foto, el nombre, especie, planeta de origen y número de episodios en los que aparece y si está vivo o muerto.

    BONUS

  • Ordenar listado de personajes por orden alfabético.

  • Añadir un nuevo filtro (filtro por especie).

    Herramientas utilizadas ⚒️:

  • HTML

  • CSS

  • Saas

  • JavaScript

  • React JS

  • Visual Studio Code

  • React Starter Kit

  • GitHub

  • GitHub Pages