frontend
frontend copied to clipboard
Reto terminado Platzi Master - Brandon Argel Verdeja Domínguez
1.- Crear los componentes del proyecto: En este paso creé dos componentes principales, "About" y "Profile" en los cuales están los demás componentes con toda la información de mi currículum.
2.- Añadir estilos: Primero hice los estilos globales y del contenedor, y conforme hacía un componente le fui agregando estilos a cada uno, también agregué media queries para hacer el proyecto "responsive".
3.- Crear función getData.js: Para crear esta función creé una constante que recibe como parámetro la URL a la que se estarán solicitando los datos, y esta constante solo nos devolverá los datos solicitados con la función fetch() y utilizando promesas para recibir los datos y manejar un error (En caso de que ocurra).
4.- Integrar API: Para integrar la API, una vez creada la función getData, solo se llama en el contenedor principal y los datos traídos de la API (data.json) los guardé en la variable data, utilizando el hook de react useState y con el hook useEffect asigne los datos de la API para que fueran asignados una vez se renderice el proyecto, ya con los datos guardados en una variable, lo siguiente fue pasar la "data" como propiedades "props" a cada uno de los componentes y poner cada uno de los datos en su lugar correspondiente.
5.- Personalizar API: En este paso solo modifiqué los datos del archivo data.json y puse mis datos, también agregué otros datos que tenía en mi currículum.