edward3h / crazy-eights Goto Github PK

Sound effects may help people know when events are happening.
Mainly:

• a card was played
• a card was drawn

In the default view on an iPhone (portrait orientation) the hand of 7 cards is rendering in one row that is slightly too wide for the screen, with scroll bars appearing. This is making it harder than it should be to play cards. The cards should be wrapping to fit. (This works on my Android phone)

When a player plays their second-to-last card they need to "declare" that they're on their last card. If they don't, another player can challenge. If the challenge is successful, the player on their last card must draw 4 cards.

How to turn this into something that works on the web application? Assume there is a button to "say" "last card", and a button to challenge.

• The challenge button should show all the time - otherwise it signals to the other players that a challenge is possible.
• Similarly, the 'last card' button should show all the time, or it signals to the player that they should use it.

half-finished = needs styling to be fixed

In portrait orientation will need sideways arrows

The "Bugs" link is taking valuable vertical space in the portrait layout - would be good to move it to a footer.

If you press the "yes" button on the "play again" screen, it works behind the scenes, but the user doesn't get any feedback that something happened. It could change to something like "waiting for other players"

Make more visual distinction between draw 4 and wild. Currently the only difference is text, and it's hard to read on small screens e.g. phone.

Currently each player's name shows a number next to it which is how many cards they have in their hand.

We'd like to also display a row of miniature card icons under the player's name. This gives an easier read of who is getting close to their last card.

It's not obvious that you need to copy the room url and give it to people to play with.

Could make a field on the home page to enter or paste the code, and something in the room to copy it.

There are many outdated packages in this project. Update them... without breaking anything :D

When a Draw 4 Wild is played and the player after can't match the new color and has to draw, sometimes they are offered the chance to play the card they've drawn even though it doesn't match the new color.

🤷🏻

Implement validation for names:

• not empty
• max size
• different from every other name in the room (race condition? But still better than not having it)

Additionally:

• ability to edit name would be good in case of mistakes
• name should not be used as a key - create a uuid or similar instead

Current behaviour

• draw card,
• if card is playable, automatically play it.

Should be

• draw card
• if card is playable, show an option:
• play card?
• if yes, play card, if no put it in hand