Crear tu curriculum vitae en React, analiza la estructura propuesta e inspirate para mostrar tu información.
Create the project components #1: Analyze the project and identify its structure
It was like a kind of simple structure, but the first thing I notice, was that there where some components that have some diferences in the structure so I decided to work with grid in some cases and with flex in the major of structure.
Add styles #2: Create the styles to give it the desired design, keep the proposed structure.
This is the hardest part of the project for me, because in this issue I am a very simple person, may be I like the minimalism a lot. But the thing is that I had to do something different, and I did it, but as you see, at my own style(minimalism). Also I used meadia querys to make a project with a resposive desing.
Create getData.js function #3: Create getData.js function to consume an API
I created the function but as a hook, and you can find it as useData in the folder ./src/hook.
Integrate API #4: Start the test server and integrate the proposed information into your application.
< json-server -w -p 4000 data.json>
Integrating the API as a .json was easy, but i had have to learn about the api context, which is an easy way to distribute the info all accross the components, it took much time, but at the end it worked. You have to take in a account that for the API I used another port because otherwise it does not work.
Custom API #5:Customize the data.json file in the root of the project with your information.
Customizing the api was quick, the issue was connect it, so I used the dependency "json-server" to create a fake API.
Document #6:Create the necessary documentation for the application in the document of your Pull Request. Explain in detail the steps taken, describe what were your main blocks and your solutions.
To document the project I chose to use the Readme.md to explain the steps of the project.
this is the first step for the project to run. The API runs with json-server.
npm install
npm run start
npm run server
npm run build
npm run test
npm run lint
- Crear los componentes del proyecto
- Añadir estilos
- Crear función getData.js
- Integrar API
- Personalizar API
- Documentar
Debes de crear un "Fork" de este proyecto, revolver los problemas y crear un Pull Request hacia tu repositorio.
Si alguien quiere agregar o mejorar algo, lo invito a colaborar directamente en este repositorio: frontend
frontend se lanza bajo la licencia MIT.