Event Quiz
How this was built
Build a quiz for a party or event. Guests scan a QR code, answer on their phone, and you reveal the answers live.
The problem
A phone-based quiz game solves the paper score sheets and fumbling-with-a-spreadsheet problem I kept hitting at parties. Everyone already has their phone out anyway, so guests join by scanning a code, answer at their own pace, and I reveal the answers live in the room.
What it does
Sign in to build your quiz: questions, answer choices, photos, whatever your event needs. Share the link or QR code with guests, who join without signing in, just their name, phone, and email. Once everyone’s answered, lock the quiz and reveal each question live. When you’re done, guests can check their own results and see how they ranked.
A quick example
A baby shower, birthday party, or team happy hour where you want a shared game everyone can play from their own phone, with a real moment where the answers get revealed together.
Features
- Mix question types in one quiz: multiple choice, short answer, or fill in the blanks.
- Guests join by scanning a QR code. No app to install and no account to create.
- Collect a selfie with each guest's entry.
- Build a custom entry and confirmation page with your own event image and a photo carousel.
- Answer at your own pace, then the host locks the quiz and reveals each answer live in the room.
- Guests can check their own results and see how they ranked once it's over.
What it's built with
| What I used | What it does here |
|---|---|
| Next.js | The whole app, App Router, rendered and deployed on Vercel. |
| Supabase Postgres | A dedicated events schema for quizzes, guests and answers. |
| Route handler for submissions | Guests answer without an account, so the write path is a server route rather than a client database call. |
| QR code | How guests join. No app install, no sign-in. |
| Plain CSS | No framework. Design tokens are CSS custom properties. |