Giter VIP home page Giter VIP logo

unofront's Introduction

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/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.