Ce test basé sur un create-react-app des plus basique équipé d'un petit react-router-dom et d'un styled-components.
La page photos-by-album affiche des photos par albums. Les photos sont triées par taille de titre et affichés selon la taille du titre grâce au sélecteur DisplayLimit.js. Si vous sélectionnez 10, vous ne devez voir que les titres d'une longueur inférieur ou égale à 10 (ne cherchez pas à savoir à quoi cette fonctionne peut service : à rien).
Le but n'est pas de vous faire faire quelque chose qui dure 2 jours, vous n'en avez pas envie et nous non plus.
🚀 Forkez ce projet et go !
- Faites un check global de l'application, verifiez s'il n'y a pas des bugs, des problèmes d'optimisations, ou autre chose gênante à vos yeux.
- Intégrez dans une nouvelle page, la route https://jsonplaceholder.typicode.com/users et faites un affichage de toutes les données disponibles (c'est pas énorme) avec une Grid (on teste un peu votre goût au passage 👀 des couleurs ci-dessous pour vous amusez, c'est celles de PayGreen).
- Qui dit test dit test ?
| nom | hexa |
|---|---|
| PrimaryMain | #33ad73 |
| PrimaryLight | #d5f3e5 |
| PrimaryGradientBase | #77d1a6 |
| PrimaryGradientShade | #a4db95 |
| SecondaryMain | #00a99d |
| SecondaryLight | #e1f3f2 |
| SecondaryGradientBase | #51c6be |
| SecondaryGradientShade | #76bbd8 |
| TertiaryMain | #e58a28 |
| TertiaryLight | #fbe6ce |
| TertiaryGradientBase | #fab56b |
| TertiaryGradientShade | #faa272 |
| QuaternaryMain | #ec6a6a |
| QuaternaryLight | #ffe0e1 |
| QuaternaryGradientBase | #e98e90 |
| QuaternaryGradientShade | #e98eb9 |
| QuinaryMain | #a26ae1 |
| QuinaryLight | #e9d9fb |
| QuinaryGradientBase | #b887ee |
| QuinaryGradientShade | #dd94ef |