xhergz / shufle Goto Github PK

Add the manifest.json file so people can add to their home screen.

Acceptance Criteria:

• Favicon with 4 card suits on white or coloured squares
• Use bigger version of favicon with black background for logo/app icon
• Add manifest file (fullscreen if possible)

Parse the game mode and seed from the URL. When this is working enable the challenge button for non daily modes.

Acceptance Criteria:

• The game parses the seed and game mode from the URL (can work independent of each other)
• The challenge button copies the result and adds a URL to the challenge
• The challenge button replaces the Share button for non daily modes

Add simple toasts to give feedback for some actions

• Copying results to clipboard
• Finishing game (good try, excellent, great, good, etc)

When the same value/suit combo is guessed multiple times in one row they all turn yellow when they are in the wrong position even if there is only one.

Expected Behaviour:

• When you guess a value that is the correct value/suit but in the wrong position it should only turn yellow if
  • The correct position does not have the correct value/suit (i.e. the correct position is not green)
  • The same value/suit is already highlighted yellow and there is not the same amount of duplicates in the answer (i.e. 1 5H in the answer, 2 5H in the guess, only the first 5H guess should be yellow)

Actual Behaviour:

• All guesses turn yellow

• Guess data for daily puzzles (guess values)
• Results for non daily puzzles (# of guesses/incomplete)
• Meta data (current streak, games played, wins)

The colour for the icon buttons in the header is needing an important flag, the breakpoints for header icon button sizes aren't being applied, and the padding for the confirmation modal buttons isn't either.

Styles are being applied in a wrong order. Probably need to use MUI styling... Check that lib to replace makeStyles I found.

When you share the result of an complete game with no correct answer the share text shows 6/6.

Expected Behaviour:

• It should show X/6 when there is no right answer, (# of submissions)/6 when the answer is correct.

Actual Behaviour:

• It always shows (# of submissions)/6

The header is a little tall on mobile and is taking up some space we could use. It's currently 64px I think, maybe try 48px and make the icon buttons smaller.

Show the stats we track in the stats dialog.

Change the name of the game to Shufle

• Change the repo name
• Set up the shufle.ca domain (and alpha)
• Change the name in the app
• Redirect cardle.cards to shufle.ca (alpha to alpha)
• Update PWA info (if done)

Enable the Early Access Acknowledgement dialog when production is ready.

• Set MAIN_SITE_READY to true (#12)

• Convert GuessData[] into Card[]
• Make function to compare either:
  • One card to once card to get a status (considering the full row of guesses and answer)
  • One row of guess Cards to one row of answer Cards to return a row of answers
• Need tests for this, critical part of the game, needs to be right

Add more to stats dialog

• Time to next daily puzzle
• Current daily puzzle answer (hidden until solved)
• Room for graph
• Add slight delay before opening it after finishing a game

We want to use a random set for shuffling so we can reproduce games. This will lead to being able to share games with other people.

Set up the GitHub action to deploy to production when pushes are made to master.

• Set up GitHub action
• Make sure server is set up for the site

• Perhaps mix panel
• Could track:
  • How many times people change the game type
  • How many times people reset the game
  • How many times people load the game
  • How many times people finish the game

When the user selects the suit first to make a guess, change the colour of values that have already been used in the suit.

• Make the favicon heart smaller in the white box. It looks bigger than the others.
• Make the app icon more rounded and a little smaller in the frame to match other apps a little better

Check when someone visits alpha if prod is available for the first time and give then a little blurb about using prod unless they can give me feedback directly.

Add the 2 easiest game modes to code.

• Hi/Lo is ordering the cards from highest to lowest value (suit doesn't matter or should it matter?)
• Unique is not allowing 2 cards to have the same value