Amaechina-Ikechukwu/SID-Game

A real-time, mobile-first platform built for the Safer Internet Day 2026 event at Rad5 Tech Hub in Aba, Nigeria. Transforms six cybersecurity education activities into live, gamified experiences where every participant can respond simultaneously on their phones while results display in real-time on the projector. # SID2026 Interactive Activities Platform **Safer Internet Day 2026** — Live interactive web platform for audience participation **Event:** February 13, 2026 | Rad5 Tech Hub × Internet Society Nigeria Chapter --- ## 📋 Overview A real-time, mobile-first platform built for the Safer Internet Day 2026 event at Rad5 Tech Hub in Aba, Nigeria. Transforms six cybersecurity education activities into live, gamified experiences where every participant can respond simultaneously on their phones while results display in real-time on the projector. **Stack:** - **Runtime:** Bun.js (JavaScript/TypeScript) - **Backend:** Express.js REST API - **Frontend:** React 19 + TypeScript + Vite - **Database:** Firebase Firestore (real-time) - **Auth:** Firebase Authentication - **Charts:** Recharts - **Deployment:** Google Cloud Run (Docker) --- ## 🎯 Features ### Six Interactive Activities 1. **🔐 Password Hygiene Poll** — 3-question yes/no poll about password practices 2. **🔍 Spot the Fake** — Identify phishing emails and red flags 3. **📱 App Tracking Poll** — Choose your response to tracking scenarios 4. **🖼️ Real or AI?** — Vote on 6 image pairs (real photos vs AI-generated) 5. **📰 Headline Check** — Would you share this news? Why/why not? 6. **⚖️ The Verdict** — Case study voting with confidence rating ### Core Functionality - **Participant Experience:** QR code login → lobby → join live activities → submit responses - **Facilitator Dashboard:** Launch activities, advance rounds (Real or AI), reveal results, export data - **Projector Display:** Fullscreen view with live charts (bar, donut, grouped bar), activity content panels - **Real-time Sync:** All participants see the current activity via Firestore listeners - **Auto-navigation:** Participants automatically redirect when facilitator changes activities --- ## 🗂️ Project Structure ``` SID/ ├── client/ # React frontend (Vite) │ ├── src/ │ │ ├── pages/ │ │ │ ├── Login.tsx # Firebase …