Le but de ce TP est de reproduire un site identique à l'image grâce à React.
Ce site contient à minima 2 composants et un container
-
Les trois boutons en haut à droite servent à switcher entre les differents profils qui seront définis et stockés à travers un objet javascript
-
Le bouton change style permet de changer la couleur de background de la carte de profil
Chaque profil contient les informations suivantes:
- prénom
- nom
- date de naissance
- image de profil
Chaque profil contient aussi la dernière publication de l'utilisateur
Lorsque l'on switche d'un utilisateur à l'autre toutes les informations sont mises à jour.
Lorsque l'utilisateur clique sur le bouton "C'est super !", il vient augmenter le nombre de "C'est super!" qu'on affichera à coté du bouton. Ce nombre sera stocké dans le profil de l'utilisateur ce qui permettra de la conserver lorsqu'on switchera d'utilisateur.