Riffle

Riffle is a poker based speed card game. I built it using Angular for the front end, and a websocket based node framework for the backend called Colyseus.

Install & Run

• Install node on nodejs.org, or through fnm.
• Run npm ci in the root of this repository.
• Run npm run build within riffle-server.
• Run npm start from within riffle-client, alongside npm run dev from riffle-server.

Contributing

I keep track of feature development and bugs with Github Issues. If anyone wanted to contribute, they could tackle an issue there or create a new issue. PRs are welcome too!

Screenshots

Home Screen

Lobby (As Host)

Lobby (As Guest)

Playing

Round End

Game Over

Tutorial (available in-game)

• The game is split up into rounds.
• The goal of each round is to make the best poker hand you can each round.

Example round:

• The top row: these are the shared cards between players, "on the table".
• The bottom row: these are the cards in your own hand. Only you can see these cards.
• The green bar: this shows the remaining time in the round.
• "Currently winning": indicates that you currently have the best hand in round out of all players.
• To swap a card from the table to your hand, first select the card you want from the top row. Then select a card in your hand to swap.
• Each round, you will earn points corresponding to the hand you've made.
  • You will score a large bonus if you have the best hand at the end of the round.
• A showdown concludes each round, showing the result of the round, and the overall scoes of the game.

Hands: