Para este proyecto estaremos consumiendo los datos que nos ofrece la API de Breaking Bad. La idea general va a ser obtener info de la API, guardarla en el store de Redux y renderizar dicha info con React.
El enlace de la API es el siguiente: https://www.breakingbadapi.com
- Construir una App utilizando React, Redux, y React Router DOM.
- Afirmar y conectar los conceptos aprendidos en el M2.
- Aprender mejores prácticas.
- Aprender y practicar el workflow de GIT.
- Forkear el repositorio para tener una copia del mismo en sus cuentas
- Clonar el repositorio en sus computadoras para comenzar a trabajar
El componente App va a ser el lugar donde vamos a definir las rutas y la barra de navegación. Las rutas serán las siguientes:
- "/": Renderizaremos una landing page.
- "/characters": Renderizaremos una lista de todos los personajes.
- "/characters/:id": Renderizaremos la información de cada personaje.
- "/favs": Renderizaremos una lista de los personajes favoritos.
En el componente Home solo renderizaremos un titulo y un botón que nos redireccionará al componente Characters.
En el componente Characters debemos obtener todos los personajes de la API y renderizar sus nombres.
En el componente Character debemos obtener los datos de un personaje especifico utilizando su ID y mostrarlos por pantalla.
En el componente CharactersFav debemos obtener los personajes que hemos agregado como favoritos y renderizar los nombres de los mismos.
- José Mella
- Leandro Morales