PRESENTATION DE L'EVALUATION FRONT END :

JEU DE PAIRE :
Ce projet du jeu et une évaluation sur les compétences acquises en FRONT-END depuis le debut de formation, elle verifie que le stagiaire peut :

-Maquetter une application
-Développer une interface utilisateur web statique et adaptable
-Développer une interface utilisateur web dynamique  

CONSIGNES :


Spécifications fonctionnelles :

Affichez 14 cartes face cachée sur l'écran
Quand le joueur clique sur une carte celle-ci se retourne,
Quand le joueur clique sur une deuxième carte si elle est identique à la précédente les
deux cartes restent face visible autrement les cartes sont à nouveau masquées.
Quand toutes les paires sont trouvées et donc que toutes les cartes sont face visible le jeu
est terminé
Attention Les cartes ne sont pas obligées de se retourner physiquement, elle peuvent pas exemple
simplement changer de couleur mais n’hésitez pas à travailler les effets visuels.

Bonus :

Afficher les cartes de manière aléatoire à l’écran
Rajouter un timer et/ou compteur d'essais à l'application qui donne un temps maximal ou un
nombre de coups impartis pour trouver les paires
Le jeu ne démarre que lorsque l’utilisateur clique sur le bouton démarrer.
S'assurer que l'utilisateur ne puisse pas faire bugger le déroulement du script.
Gérer les actions malveillantes de l'utilisateur (double clique sur une même carte, clique
avant que les cartes précédentes ne soient retournées...)
Critères techniques d’évaluation :

- HTML5
- CSS3
- Framework Boostrap 5
- Base Boilerplate
- JavaScript avec respect des normes ES6
- Vous avez produit des maquettes de type wireframe pour tous les écrans avec un design adapté
- Vous avez produit une arborescence fonctionnelle de l’application reprenant les cas d’utilisation
  possible de la page (idéalement avec les spécifications fonctionnelles bonus)
- Vos maquettes ont été réalisées avec un outil de maquettage
- Vos wireframes sont accessibles dans un dossier DOC
- Votre interface est responsive sur tous les supports
- Votre HTML est validé par le W3C
- Votre CSS est validé par le W3C
- Votre HTML respecte les règles de sémantique
- Votre CSS est organisé
- Vous respectez le principe DRY
- Votre code HTML, CSS, JS est commenté clair et lisible
- Votre code est hébergé sur GitHub
- Vous avez fait usage d’un logiciel de versionning
- Votre site est hébergé via une GH-page
- Le repository contient un readme, une description et des tags
- Vous utilisez un outil de gestion de projet de type KANBAN. Idéalement pour chaque tâche vous
estimez le temps et la priorité et vous vous mettez dans la peau de l’utilisateur (personne + verbe
d’action).