Objectif: Création d'un jeu des paires en HTML, CSS et JavaScript normes ES6.
Compétences évaluées :
- Maquetter une application
- Développer une interface utilisateur web statique et adaptable
- Développer une interface utilisateur web dynamiques.
Ci-dessous extrait de l'énoncé :
- 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.
- 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...)
- HTML5
- CSS3
- Framework Boostrap4
- Base Boilerplate
- JavaScript avec respect des normes ES6
- Vous avez produit des maquettes de type wireframe
- Vous avez produit une arborescence fonctionnelle de l’application reprenant les cas d’utilisation possible de la page
- 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é
- Votre CSS est validé
- Votre HTML respecte les règles de sémantique
- Votre CSS est organisé
- Vous respectez le principe DRY
- Votre code est commenté
- 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.
Vous trouverez dans la branche Master le projet de base fonctionnel.