Eth challenge/gitguti

[gitguti]

DESCRIPTION

Solución al reto: React Eth Challenge
https://react-eth-challenge-git-main-gitguti.vercel.app
Nombre: Gitmel Gutierrez
Usuario Platzi: gitmel-gutierrez

Reto:

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

Documentación:

1. Verificación de pruebas unitarias para conocer requerimientos mínimos para pasar los tests
2. Inicialmente cargue la data del data.json para pasar por props la información acotada a cada uno de los componentes
3. Creacion de los componentes y maqueado, por cada componente iba verificado las pruebas y el paso de la data.
4. Personalizacion de la api con mi información personal.
5. Cree función getData() y corri npm run server para cambiar el origin de la data desde json a una url local.
6. Disene layaout para la información
7. Anadi estilos css, aproveche el overlap de las clases css para repetir estilos en general.
   8. Deploy:

• Para el backend consegui este sitio: https://my-json-server.typicode.com
  Lo que hace es publicar un json a partir de un repo publico de GitHub. Entonces, cree un repositorio para este "backend-json" y con esta nueva url, actualice el fetch de consulta.

• Para el frontend, hice el deploy con Vercel.

1. Cree Vercel.json
2. Corri Vercel
3. En Vercel.json tuve que añadir
   { "src": "(.*).png", "dest": "$1.png" }, { "src": "(.*).css", "dest": "$1.css" },
   para poder cagar la imagen y los estilos css, y volver a desplegar