frontend icon indicating copy to clipboard operation
frontend copied to clipboard

Challenge Documentation

Open Johnnie-LC opened this issue 3 years ago • 0 comments

  1. 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.

  2. 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.

  3. The data.json was modified according to the personal information of my CV.

  4. 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

  5. The unit test was carried out for each main component, the test files contained in __test__/components were modified according to each component

  6. The original screenshot.png was changed to the one obtained with the data from my CV. Attach the screenshot

Johnnie-LC avatar May 06 '21 23:05 Johnnie-LC