Documentation Développeur

Le lien GitHub :

Version 1.1.0

Ajout sur la page My Magouille Bank d'un bouton qui remet les Hangman Token à 5 mais le record à 0.

Version 1.0.0

la création en détails :

Le contenu :

Le contenu de base est du HTML traditionnel.

Les différentes divisions sont créées dès ce fichier.

Les fenêtres modales sont également codées ici.

Le dossier contient 3 fichiers :

- l'application

- la page parodique

- cette documentation

Remarque :

Les touches de l'alphabet auraient pu (dû) être codées en javascript.

Cela aurait pris moins de lignes de code !

Le style :

Afin d'organiser les fichiers CSS, SASS a été utilisé sur ce projet.

les dégradés de couleurs sont issus du site : radix-ui.com

Un fichier css unique est utilisé pour la page parodique de "My Magouille Bank": mmb.css.

La programmation :

De manière très basique, du Vanilla javascript nous a permis le codage de la partie logique.

Aucune dépendance externe n'est appeléeà ce niveau (hormis SASS comme vu avant).

Afin d'alléger le fichier de base, quelques fonctions ont été déportées sur des modules annexes.

J'aurais souhaité plus de modularité, mais ! :

=> les fonctions auraient pris un nombre incohérent de paramètres,

=> bien souvent 4 ou plus, ce qui ne nous a pas semblé raisonnable.

Le localStorage est utilisé pour l'enregistrement des données suivantes :

- le mode dark /light de l'interface

- le record (modification en fin de manche si battu)

Le sessionStorage est utilisé pour l'enregistrement des données suivantes :

- le nombre de Hangman Token restants (modification en temps réel)

- le score (modification en fin de manche)

- le mot à deviner (renseigné au début de chaque manche)

Idées d'améliorations :

La structure de ce projet avec les différentes actions possibles aurait surement apprécié une librairie telle que React.

L'application web est pensée uniquement en desktop et n'est en aucun cas responsive.

La liste des mots disponibles est statique et invariable.