NUPCO Interactive Hub
Overview
The NUPCO Interactive Hub is a comprehensive platform designed to host multiple interactive cybersecurity awareness applications for NUPCO events. It unifies 5 different web-based experiences into a single, easy-to-manage server.
The hub includes real-time multiplayer games like Fact or Trick, interactive educational tools like the Phishing Awareness challenge and Prize Wheel, and a Control Room for managing live presentations.
Built with Node.js and Express, the server manages routing for all applications and handles real-time communication using Socket.IO. This architecture allows for seamless interaction between mobile controllers and main display screens during events.
Key Components
Control Room
A remote control system for managing video presentations and sound effects via mobile devices.
Fact or Trick
A competitive 2-player quiz game where participants use their phones as controllers.
Phishing Awareness
An interactive simulation to teach employees how to spot phishing emails.
Prize Wheel
A gamified way to test cybersecurity knowledge with random questions.
The Prize Wheel is a fun, interactive way to test knowledge. Participants spin the wheel to select a category and then answer a multiple-choice question. The video below demonstrates one round of gameplay.
Prize Wheel Experience
Interactive spin-the-wheel game for cybersecurity trivia.
In the Phishing Awareness challenge, users are presented with various email scenarios and must decide if they are legitimate or phishing attempts. This simulation helps train employees to spot common red flags. The following video shows two rounds of this activity.
Phishing Detection Simulation
Training users to identify suspicious emails in a safe environment.
Fact or Trick is a competitive multiplayer game. The system uses Socket.IO to sync the main screen with players' mobile devices in real-time. Below are recordings of the mobile controller interface, showing how players interact with the game.
Fact or Trick - Live Gameplay
The Main Screen displays questions, timer, and live leaderboard to the audience, while players interact using their mobile devices as controllers.
Click anywhere to play/pause all videos togetherTap to play/pause all
Main Screen: Live leaderboard & questions
Player 1 Controller
Player 2 Controller
Objectives
- Unify multiple standalone projects into a *single manageable server*.
- Resolve port conflicts by serving all apps on a *single port*.
- Provide a *centralized admin panel* for managing activities.
- Ensure secure and easy access for participants via *QR codes and direct links*.
Key Features
Unified Routing
Serves 5 different applications (Control Room, Fact or Trick, First Day, Phishing, Wheel) from a single Express server.
Real-time Interactivity
Uses Socket.IO with namespaces to handle real-time communication for the Control Room and Fact or Trick game independently.
Admin Panel
A secure dashboard for launching and managing the different activities.
Static & Dynamic Content
Serves both static informational pages and dynamic interactive games.
Challenges & Solutions
Merging multiple independent projects with potential port and dependency conflicts.
Consolidated all projects into a single *Express.js* server and unified dependencies to resolve conflicts.
Managing distinct Socket.IO namespaces for different applications on the same server.
Implemented dedicated *Socket.IO* namespaces for each application to ensure isolated real-time communication channels.