Here is the technical test you have waited for.
Wait a minute ? All is in english ???
Yes, we also test that you can understand technical english. But, hey, relax and all will be fine.
There is no time limit for this test, you have access to all the ressources you want : website, google, udemy, stackoverflow. This is excluding people : don't ask your older sister to code for you 😉.
So, now, my last advice : follow the instructions 🥧
"May the odds be ever in your favor ! " 🏹✌
- You must fork this project, before returning it
- Graphics elements are in one Adobe .XD file (the software is free for personnal use)
- Javascript Libraries and frameworks are forbidden ⛔
- PX and PT as unit of measure are also forbidden ☠ : use %, em or rem.
- Your css code can be in SCSS [SASS], but it is not mandatory
- When you are proud of your work, send me the fork url to : [email protected]
- You have to complete the code necessary for this page (both Desktop and Mobile version) [Download]
- "Réaliser l'impossible !": logos must be arranged using display:flex
- Click event on each logo there is an effect:
- rotate 360°
- scale up to 120% then returning to 100% at the end of animation
- duration: 1 second
- "Dans un temps record" section:
- You must use an api
curl --request GET \ --url https://reqres.in/api/users- all informations are here: https://reqres.in/
- 2 lines / 4 columns, you are free to show the first 8 profiles
- Avatar is a link directing to send an email to that person
- Under the avatar: show first and last name
- You are totally free on the design part as long as you respect the previous rules
- Link have attribute href="#" and are identifiables as underlined on the .XD
- Mobile version has only one constraint: Only one column, width 92%, centered. Except maybe avatars depending on what you have done with the desktop version 😉
