Solucion react-eth-challenge por Juansecode

[Juansecod]

DESCRIPTION

Solución al reto:

1. Los componentes se crearon con la metodología TDD, con las pruebas unitarias proporcionadas al principio. Cada componente se divide en un solo archivo para un mejor manejo en el futuro en caso de que desee agregar más componentes o editar los ya creados.

2. En cuanto a los estilos se uso Stylus como se propuso en un principio. Para ello se dividió un archivo de estilos para cada componente que requiriera de estilos personalizados.

3. Se creo la función getData con fetch. Dicha función recibe como parámetro la URL de la APi y devuelve una promesa con el response transformado al tipo JavaScript Object para un mejor manejo de los datos.

4. Para la integración de API al proyecto se creo un archivo .env que guarda en la variable SERVER la URL a la API. Dentro del proyecto se uso un useEffect para usar getData y setear la respuesta en el estado del componente contenedor para pasar la información a los demás componentes mediante props.

5. Se actualizo el archivo data.json con mi información para desplegar el proyecto.

6. En este Pull Request se explica la solución a cada problema propuesto.

7. El deploy se encuentra en https://react-eth-challenge-juansecod.vercel.app/. Para ello se uso vercel.

Nombre: Juan Sebastian Rios Valencia Usuario Platzi: Juansecode

Reto:

• [X] Primer problema
• [X] Segundo problema
• [X] Tercer problema
• [X] Cuarto Problema
• [X] Quinto Problema
• [X] Sexto Problema
• [X] Septimo Problema