Cv React Challenge

[Juamez]

DESCRIPTION

Solución al reto: https://react-eth-challenge-gamma.vercel.app/

Nombre: Juan Pablo Méndez Usuario Platzi: Juamez

Reto:

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

Documentación

• Primeramente al instalar las dependencias se usa la flag de legacy para realizar la correspondiente instalación debido a errores de actualizaciones en algunas dependencias de testing
• Ademas se modifica en los archivos de testing el component mount por el component shallow por problemas de renderizado de los nodos al momento de ejecutar cada test.
• Al momento de ejecutar los test obtenia un error al tratar de testear los componentes en donde se pasaban arrays de informacion de la API, se solucionó pasandole como valor por default a las props un array de objetos porque al no encontrar ningun dato obtenia un valor de undefined por lo tanto ocurria el error en las pruebas
• Se crean los componentes correspondientes a cada sección (Header, About, Academic, Interest, Language, Skills, Experience, Profile) .
• Se obtiene la data almacenandola en un hook state,
• Además se crean archivos de estilos independientes respecto a cada componente
• Se crea la funcion getData para consumir la API inicialmente traida desde el localhost con el json server y despues de haber pusheado el repo se obtiene la data desde el raw de la url del propio repo además la obtención de la data se ejecuta dentro de un try - catch stament en caso de obtener un error dar a conocer ese resultado de manera controlada.
• Se modifica la informacion del archivo data.json correspondiente a informacion personal.
• Se hace el deploy mediante vercer cambiando el output path del archivo de configuracion de webpack.