/imaginary-shrew

Implement the card game Set with REACT #120

Primary LanguageJavaScriptMIT LicenseMIT

imaginary-shrew

Implement the card game Set with REACT #120

Description

Rules of the game described here - http://www.setgame.com/sites/default/files/instructions/SET%20INSTRUCTIONS%20-%20ENGLISH.pdf

Context

Set is a game with a small set of rules. This game can be implemented in any technology, although it is a perfect candidate for React.

Specifications

Required

  • Build a single page app, which renders 12 or 15 cards.
  • Page should contain 2 buttons, first to reset the game, second to open 3 more cards
  • A player should be able to select 3 cards. If the selected cards are a set, they should be removed from the game, and the player's score increments by 1.
  • The artifact produced is properly licensed, preferably with the MIT license.

Optional/Stretch goals

  • Do not use images to render the cards. Use CSS shape tricks to render the different patterns on the cards.
  • Implement multiplayer set, where multiple players on different computers can join and simultaneously join the game.
  • Hint button; first hint tells number of sets on table, second hint lights up the border of cards in a set, third hints tells you to go home.

Quality Rubric

  • Game logic is separated from the rendering logic.

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.