Uptade README

application explanation and error handling

README.md

@@ -81,8 +81,6 @@ Maintenant il ne reste plus qu'à lancer l'application :satisfied:
 
 </div>
 
-<br>
-
 - ### Comment changer la langue ? 
 
 Notre application possède plusieurs langue tel que :
@@ -105,8 +103,109 @@ Pour les autres, il se trouvera tout en bas à droite de la page :
 
 </div>
 
-- ### Comment fonctionne le code ? 
+- ### Comment fonctionne l'application ? 
+
+Pas très compliqué! Tout d'abord il est à savoir qu'il existe deux utilisateurs différents avec des droits qui sont aussi différents (Même si ce n'est pas tant que sa): 
+
+- L'utilisateur simple qui s'est inscrit sur l'application via le formulaire d'inscription.
+- L'admin enregistrer directement dans l'application (Il n'y a pas de formulaire d'inscription pour être admin), qui lui à en plus la possibilités d'accéder directement avec l'API.
+
+Vous voulez être Admin et profiter pleinement des fonctionnalités de l'Application, voici un compte avec lequel vous pourrez vous connecter:
+
+-**pseudonyme** : Admin
+
+-**Mot de passe** : 123456
+
+En effet on retrouve deux menus différents pour les deux utilisateurs:
+- Pour l'utilisateur simple:
+<div align = center>
+
+![utilisateurMenu](doc/Images/VueUtilisateur.png)
+
+</div>
+
+- Pour l'admin:
+<div align = center>
+
+![adminMenu](doc/Images/VueAdmin.png)
+
+</div>
+
+La page **Admin** (qu'y est comme son nom l'indique que pour l'admin) permet de voir tous les items de l'API (et leur spécificités), mais pas seulement il peut si il le souhaite ajouter un nouveau, en supprime un qui ne lui pas plaît modifier, tout cela en navigant simplement et efficacement grâce à une pagination :
+
+<div align = center>
+
+![Liste Page](doc/Images/ListePage.png)
+
+</div>
+
+Tandis que pour les autres pages, ils sont les mêmes que celui d'un utilisateur simple !
+
+On retrouve tout d'abord la page **Boutique/Magasin**, un utilisateur lors de son inscription possède déjà *250 Émeraude*, qui sont l'argent nécessaire pour acheter des clés, il peut en acheter soit acheter par 5, par 20 ou bien par 50 :
+
+<div align = center>
+
+![Vue de la boutique](doc/Images/PageBoutique.png)
+
+</div>
+
+Puis grâce à ces clés qu'il accumule, il peut ouvrir des coffres pour avoir des items (fantastique non?) dans la page **Ouverture** qui se trouve dans le menu :
+
+<div align = center>
+
+![Vue du coffre](doc/Images/PageCoffre.png)
+
+</div>
+
+Lorsqu'on clique sur *Ouvrir* (il faut aussi prendre en compte qu'on perd une clé à chaque fois que l'on ouvre un coffre) :
+
+<div align = center>
+
+![Vue du coffre ouvert](doc/Images/PageCoffreOuverture.png)
+
+</div>
+
+Une fois après avoir eu plein d'items, il peut aller dans la page **Inventaire** situé dans le menu, pour retrouver son inventaire avec tous les items qu'il à accumuler et crafter ce que bon lui semble (Il existe des milliers de combinaisons possible! pour les connaîtres voici un [site](https://fr-minecraft.net/5-aide-crafting-sur-minecraft.php) qui les regroupes tous), il a aussi la possibilités de supprimer un item de son inventaire en glissant l'objet dans la *corbeille*:
+
+<div align = center>
+
+![Vue du coffre ouvert](doc/Images/PageCraft.png)
+
+</div>
+
+Ai-je vraiment besoin d'expliquer le bouton **Déconnexion** ?!
+
+- ### Gestion des erreurs
+
+Maintenant passons à la gestion des erreurs sur notre application !
+<br>
+Commençons par la page **Connexion** et **Inscription**, comme tout bonne application, nous veillons à faire attention :
+
+-A si le pseudonyme qu'on choisit lors de l'inscription n'existe pas :
+<div align = center>
+
+![Erreur pseudonyme déjà utiliser](doc/Images/GestionErreur1.png)
+
+</div>
+-A vérifier la connexion (En cas de pseudonyme ou mot de passe incorrect) :
+<div align = center>
+
+![Erreur pseudonyme ou mot de passe](doc/Images/GestionErreur2.png)
 
+</div>
+-Mais aussi la taille des élements qu'on rentre lors de l'inscription et la confirmation du mot de passe :
+<div align = center>
+
+![Erreur Taille Inscription](doc/Images/GestionErreur3.png)
+
+</div>
+-Une erreur un peu plus spécifique qui a était gérer, est dans le cas où un utilisateur souhaite accéder à une page qui n'existe pas:
+<div align = center>
+
+![Erreur Url inexistant](doc/Images/GestionErreurUrl.png)
+
+</div>
+:information_source: Va être alors rédirigé sur une page d'erreur qui au bout de 5secondes le ramènera à la page d'accueil.
 
 # Environnement de Travail