frontend
frontend copied to clipboard
Challenge Documentation
-
In the
src/components
directory the main components were created as suggested by the frontend challenge: Header, Profile, Experience, Academic, Skill, Interest and Languages. Others components were created as containers for the above: AcademicSkill and InterestLanguages. And others that serve as children of the main components: ExperienceItem, AcademicItem, SkillItem, InterestItem and LanguagesItem. In the latter is where most of the API data will be rendered. -
Each component has a CSS file associated with the same name, flex was used to a greater extent, these are found in the
src/style/components
directory. As a strategy for the implementation of flex I relied on using Chrome's DevTools. -
The data.json was modified according to the personal information of my CV.
-
The getData file was modified using fetch and in the
src/hooks
directory the useInitialState.js file was created that uses getData and that allows to make the API call, for the implementation in the components that require it -
The unit test was carried out for each main component, the test files contained in
__test__/components
were modified according to each component -
The original screenshot.png was changed to the one obtained with the data from my CV. Attach the screenshot