belmomusta / exercice-react

Initialisation

git clone https://github.com/hajjiTarik/exercice-react.git

yarn

yarn start

le projet se lance dans http://localhost:8080

Exercice

ETQ utlisateur je veut un ecran d'authentification pour permettre d'acceder mes informations.

Formulaire de authentification:

deux champs [utilisateur, mot de passe] avec la validation

un button de connexion

au click sur le button:

apeler le ws : http://www.mocky.io/v2/5e95f5b92f0000b4730256c6

Si connexion OK

rederigé vers ecran profile avec la restitution des informations

Bloc Profil:

reponse ws :

{
    "username": "John_Doe_123",
    "name": "Doe",
    "nickname": "John",
    "birthday": "15/03/1993",
    "description": "lorem ipsum dolor set amet",
    "image_url": "https://picsum.photos/200",
    "status": "obsolete"
}

les informations doivent avoir la forme decrite ci-dessous:

------------------------
- -------              -
- - img -              -
- -------              -
-   Username : ...     -
-   Name: ...          -
-   Nickname: ...      -
-   Age: ...           -
-   Description: ...   -
------------------------

si le ws retourne status => "obsolete" :

affiche un bloc rouge avec le texte : "Informations obsolète"

Sinon rien

si connexion KO

affiché un message d'erreur en dessous du formulaire