Creacion de cv con react

[alejozepol]

Mediante este reto se solucionaron los item y se realizo el diseño en adobe Xd Consulttelo aquí para su respectiva codificacion. También se realizó el despliegue utilizando el servicio de firebase Vealo aquí. El diseño es responsive y se acomoda a todos los dispositivos.

• [ * ] Crear los componentes del proyecto
  Se creó todos los componentes base sugeridos en los test.

• [ * ] Añadir estilos
  Se realizó el diseño utilizando Adobe Xd Consulttelo aquí y segun ese diseño se realizaron los estilos, teniendo como base el nombre de las clases ya segeridos en los test.

• [ * ] Crear función getData.js
  Se creó la función getData que tiene como objetivo consumir la API que se despliega también en este proyecto con el script npm run server y a su vez obtiene los datos del archivo data.json que se encuentra en la raiz del proyecto.
  Para consumir esta API se utilizó el paquete fech que recibe como parámetro de entrada la url del API a consumir

const getData = api => (
  fetch(api)
    .then(data => (data.json()))
    .catch(error => console.log(error))
);

• [ * ] Integrar API
  En el contenedor App.js se integra la función getData importando de la carpeta utils
  import getData from '../utils/getData';

Utilizando los hooks useState para crear la constante info donde se va ha actualizar la informacion obtenida.

const [info, setInfo] = useState({});

y se Utiliza el useEffect para ejecutar la promesa generada por getData y actualizando el estado de la constante con la informacion obtenida.

  useEffect(() => {
    getData(API)
      .then((data) => setInfo(data))
  }, [])

pd: Me falta modificar el los círculos de progreso para que se actualicen al porcentaje