- This project was made with create-react-app.
- I couldn´t get the candidates images from the given comp file so I used third party images.
- I used Fontawesome in order to develop faster.
- In order to improve performance I used google fonts.
- For styling, I used SASS for the convenience of the use of variables and nested styles.
- For Behavior I used React, for several reasons: faster development, the files have an organized structure, the facility to reuse code and besides is the library I feel more comfortable with.
- Jest and @testing-library were used to test the web page.
In order to review the “Layout HTML-CSS” task checkout the branch layout-html-css
.
For the interaction task checkout the branch main
.
Then follow the next steps:
$ npm install
$ npm start
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.\
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\