Jeu des paires réalisé en JS, HTML et CSS dans le cadre de ma formation en développement Web. Il s'agit d'une évalution sur les connaissances que j'ai sur ces langagues.
Spécifications fonctionnelles :
- Affichez 12 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é
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)