Run a Family 100 Session

A step-by-step walkthrough from Excel upload to final score. Screenshots are captured live from the running app.

1

Open the hub

Go to /feud. Four buttons open each screen: Player Display for the projector, Host for the MC's laptop, Adminfor upload & setup, and How To (this page).

Open Display + Host in two separate browser tabs / windows — Display goes on the big screen, Host stays with the operator.

Family 100 hub page with four buttons: Player Display, Host, Admin, How To
2

Grab a template or example

On the Admin page, click ⬇ Download Template (blank headers + one sample row) or ⬇ Download Example (three fully-filled Indonesian questions). Edit in Excel / Google Sheets / LibreOffice and save as .xlsx.

Admin upload view with Download Template and Download Example buttons and a file input
3

Upload the file

Pick your file with the file input. On success you'll see “Imported N questions. Quiz #X.” and the quiz appears in the Quiz Library below with Start / Edit / Delete buttons.

The parser checks: ≥ 4 and ≤ 8 answer/points pairs per question, positive integer points (1–200), and a non-empty question + title.

Admin library showing a newly uploaded quiz with Start Session, Edit, Delete buttons
4

Start a session

Click Start Session on the quiz. In the dialog, enter 2–4 unique team names (add / remove with + and ×), then click Start.

Only one session runs at a time. Starting a new one automatically ends any prior session.

Start Session dialog prompting for 2-4 team names
5

Open the big screen

Open /feud/display on the projector laptop. It auto-joins the active session and renders the question banner, hidden answer slots (sky-blue), revealed slots (peach), and the team scoreboard.

Player Display showing the question banner, four hidden answer slots, two revealed, and team scoreboard
6

Host the game

On the host panel:

  • Pick whichever team is guessing → click Set Active on their card. The card turns yellow.
  • When they say a matching answer, click Reveal — points auto-credit to the active team.
  • To hand over / steal, click Set Active on the other team and keep revealing.
  • Misclick? Use +10 / −10 on each team card to fix.
Host control showing answer list with reveal buttons, team cards with active-team highlight
7

Strike X for drama

Click the big red Strike X on the host panel. The display fills with a pastel-red overlay and a giant black X for ~1.5 s, then fades.

Purely theatrical — no score change and no auto-steal logic in this version.

Big red X overlay covering the display screen
8

Advance and end

Next Question → advances and resets the board. On the final question it becomes Finish Game. You can also click End Game any time to stop early (with a confirmation prompt).

Host action row showing Strike X, Next Question, End Game buttons
9

Final score

When the game ends, the big screen swaps to the Final Score leaderboard sorted by team total. First place gets a 🏆.

To start fresh, go back to /feud/admin and Start Session again.

Final score leaderboard on the display screen with first-place trophy

Want more detail? docs/FAMILY_FEUD_HOW_TO.md and docs/FAMILY_FEUD_CONTEXT.md.

Screenshots regenerated by npx playwright test e2e/generate-how-to-screenshots.spec.ts