Family Feud: Baby Shower Edition!

Get ready to play Family Feud: Baby Shower Edition, a web app where two teams compete to answer baby related questions!

Demos

Start the game, & introduce the teams

Reveal answers and give strikes

Give points to the team that won the round

The game is completely supported with audio. See controls and key down actions below.

Features

• Scoreboard
  • Click next to redirect to the 5 rounds
  • Team scores update after each round
• Round(s)
  • Round score updates when answer is flipped
  • Answer flips with audio
  • To give strike during the faceoff, press Shift + x
  • To give a strike once faceoff is over, press x.
  • To add points to team 1, press 1
  • To add points to team 2, press 2
  • Press → & hit next to head to scoreboard after round finishes

Technologies

• React.js
• React Router
• Javascript
• HTML/CSS

Usage

The game is meant to be played at a party! Grab a host (or two), & let the fun begin! The questions for all 5 rounds are in the round_questions.md file.

Running the App Locally

1. Create a new directory & navigate to it.
2. Create a new React app in it by running the command npx create-react-app.
3. Download a ZIP file or clone the repository, & replace the src folder with the ZIP file/cloned repo's src folder.
4. In file directory, run npm start.
5. Run npm i use-sound in order to hear game music & sound effects.
6. Open http://localhost:3000 to view the game in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

Hoping to host this project on a site very soon!