Next.Js Example

Horse Race drinking game in react

March 17th, 2023

Horse Race drinking game in react's picture


Horse Race is a web implementation of a drinking game usually played with a deck of cards. Players bet on up to four horses (represented as aces of a suit) and the horses themselves move across the 'field' based on cards that are drawn from the deck. Technologies used include Chakra UI, Emotion, Next.js, React, and TypeScript.

Getting Started

Open the live demo to get started.

How to Play

  1. Input the number of players you would like to play with.
  2. Input their names as well as their corresponding bets. Players can bet on as many horses (suits) as they would like but currently are limited to a single text field for a bet.
  3. Once all of the players have put in their bets, click 'Play'.
  4. That's it! The game plays entirely on its own and its up to you and your friends to cheer on the horses as they make their way across the track!


  1. Once a horse is crowned the winner, a button to see the results will be revealed. Click on 'Results'.
  2. The Summary page will show all of the winning and losing bets. Do what you will with the information ๐Ÿ˜
  3. Click 'New Game' to play again!

Share this:

You May Like:

full-stack music app's picture

full-stack music app

Nedx ยฉ 2023