/UnoFront

Front App for Uno game

Primary LanguageElm

Uno Front App

A try to make Front App in Elm language for Uno game

Back end being make with eventsourcing design

https://fr.wikipedia.org/wiki/Uno#Contenu_du_jeu

TODO

  • agrandir Deck "Joueur Principal"
  • agrandir Deck milieu
  • Affichage simple de toutes les cartes du Jeu Uno
  • Pouvoir cliquer sur le deck central pour saisir une carte
  • Pouvoir poser une carte de son jeu sur le deck central
  • Affichage des cartes UNO (avec la couleur et le symbol)
  • Meilleur affichage pour kickback et les JOKER (+4 & changement de couleur)
  • pouvoir afficher plusieurs cartes sur les Deck "Autre Joueur"
  • afficher le nombre de carte de chaque "Autre Joueur"

DONNER VIE AU JEU

  • bouchonner l'api "PlayCard"

  • Utiliser l'api "PlayCard" et implémenter la gestion des résultats pour le cas nominal (une carte jouée, affichée au centre, retirée du deck du joueur)

  • Implémenter la pioche

  • Indiquer visuellement un déplacement des cartes

  • Indiquer clairement ce qu'il vient de se passer [Message Box] (ex: Bobby à jouer 2 ROUGE, John prend pioche 2 cartes)

  • Gérer l'ordre de jeu (visuellement) i.e indiquer à qui est-ce de jouer ? OU PAS

  • implémenter le cas "STOP"

  • implémenter le cas "Changement de sens"

  • implémenter le cas "+2"

  • implémenter le cas "+4"

  • implémenter le cas "Changement de couleur"

  • implémenter le cas "Je joue la mauvaise carte... Et quelqu'un me le reproche avant qu'une autre carte soit jouée"

  • implémenter le cas "Je joue la mauvaise carte... Et personne ne dit rien avant qu'une autre carte soit jouée"

  • implémenter le cas "Je joue avant mon tour... Mais j'ai le droit"

  • implémenter le cas "Je joue avant mon tour... Mais je N'ai PAS le droit"

  • implémenter le cas "Je joue plusieurs carte d'un coup... Mais j'ai le droit"

  • implémenter le cas "Je joue plusieurs carte d'un coup... Mais je N'ai PAS le droit"

Links

CSS Grid layout

https://www.alsacreations.com/tuto/lire/1771-css-grid-layout-en-production.html https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout https://css-tricks.com/snippets/css/complete-guide-grid/