# Public Demo Script

This script is designed for a 5–7 minute crowdfunding update video or live backer walkthrough.

## Pre-demo setup

```bash
npm install
npm run dev
```

Open `http://localhost:5173`.

If you have already used the demo, click **Reset demo** before recording.

## Talk track

### 1. Open with the promise

> “Fan Passport turns the World Cup into a daily digital journey. Instead of visiting once, fans come back to collect teams, answer trivia, make predictions, unlock badges, complete challenges, and save memories.”

Show the hero, the score card, and the “Start your passport” form.

### 2. Create a passport

Use:

- Display name: `Backer Demo Fan`
- Country or club identity: `England`

Click **Create passport**.

Point out:

- The profile is created through the backend API.
- The frontend now shows XP, level, rank, challenges, collections, trivia, predictions, memories, badges, leaderboard, and timeline.

### 3. Complete a collection challenge

In **Passport collection book → Collect teams**, collect:

1. England
2. USA
3. Iran
4. Wales

Expected result:

- The “Complete every Group B team” challenge reaches 4/4.
- The **Group B Complete** badge unlocks.
- XP increases.
- The achievement timeline receives collection and challenge events.
- Leaderboard rank improves.

Talk track:

> “This is the collection loop. The backend blocks duplicate stamps, awards XP once, and checks challenge completion after every action.”

### 4. Answer daily trivia

In **World Cup trivia**, answer the first question:

- Question: “Which stadium hosts the demo fixture England vs USA?”
- Correct answer: **MetLife Stadium**

Expected result:

- Correct feedback appears.
- Trivia XP is awarded.
- The timeline logs the trivia event.

Talk track:

> “Trivia gives fans a reason to return daily. The same API response refreshes stats, challenge progress, and leaderboard state.”

### 5. Submit a prediction

In **Predictions**, find **England vs USA** and click **Predict USA giant killing**.

Expected result:

- Prediction is submitted.
- **Giant Killer** badge unlocks.
- “Predict a giant killing” challenge completes.
- Leaderboard rank moves again.

Talk track:

> “Predictions are not just forms. They connect directly into challenges and achievements, which creates meaningful fan motivation.”

### 6. Save a memory

In **Memory book**, enter:

- Memory title: `Opening week goosebumps`
- Memory note: `The passport finally feels alive with collections, trivia, and predictions all connected.`
- Match: `England vs USA`
- Mood: `Shock`

Click **Add memory**.

Expected result:

- Memory appears in the memory list.
- **Memory Keeper** badge unlocks.
- The starter challenge may complete if collection, trivia, prediction, and memory have all happened.

Talk track:

> “The product is not only a game layer. It becomes the fan’s tournament scrapbook.”

### 7. Close with the long-term ecosystem

Show the challenge grid, badge shelf, leaderboard, and timeline.

> “This is built as a reusable football passport system. After World Cup 2026, the same model can power a Premier League Passport, Champions League Passport, and a wider fan rewards ecosystem.”

## Demo reset

Click **Reset demo**, or call:

```bash
curl -X POST http://localhost:4000/api/demo/reset
```