Resolución del reto

[edsadev]

DESCRIPTION

1. Se crearon componentes para cada una de las áreas y se creo una carpeta common para contener a un componente para la barra de procesos utilizada en 2 componentes (Skills & Languages). Para esto se instalo styled-components para poder utilizar los props del componente dentro de los estilos.

2. Se trabajo todos los estilos en App.styl por simplemente comodidad, se podría crear un .styl para cada uno de los componentes.

3. Se creo la función getData con fetch.

4. Se integro la API al proyecto. Para manejar la información dentro de la app, se creo un contexto en un custom hook llamado useData, el cual me deja consumir el contexto de DataContext. Solo se llamo en App.jsx ya que al no tener tantos hijos, preferí pasar lo que c/u necesitaba por props y no consumir el contexto en cada uno de los componentes.

5. Se modificó el data.json con mi información. No se realizó el deploy pero utilice el documento que se encuentra en raw.githubusercontent para poder consumirlo de alguna url.

6. Documentación creada en el pull request.

7. Deploy realizado en vercel

Nombre: Edmundo Salamanca Usuario Platzi: edmundo0994

Reto:

• [x] Primer problema
• [x] Segundo problema
• [x] Tercer problema
• [x] Cuarto Problema
• [x] Quinto Problema
• [x] Sexto Problema
• [x] Séptimo Problema