EXTREMELY IMPORTANT NOTE:
I could not combine the different parts of the video links together, please CHECK THE VIDEO DESCRIPTION of the video that I uploaded for the other parts of the video
Project Story
- About the project Be sure to write what inspired you, what you learned, how you built your project, and the challenges you faced. Format your story in Markdown, with LaTeX support for math.
What it does The application provides an interactive digital floor map of the MSC Bethancourt Ballroom along with detailed outlet controls for each table group:
Interactive Floor Map: Represents the symmetrical 25-column table pair layout of the ballroom, complete with entrance markers, projector locations, and live color-coded mini outlet indicators.
Real-time PeerJS Synchronization: Uses WebRTC peer-to-peer data channels so any outlet status change instantly updates across all connected devices without needing a central database.
Grouped Detailed Controls: Categorizes table pairs into Left and Right ballroom wings and groups them by row range (109–92, 91–70, 127–110, 24–1, etc.) for fast navigation.
Role-based Controls & Admin Protection: Standard users can toggle outlet availability (Available vs Unavailable), while designated venue admins can toggle protected Unpluggable power supply markers via authenticated modal login.
Smart UI/UX: Features click-to-scroll row badges, dynamic top-of-page navigation, live local clock displays, and active connection tracking.
What it does The application provides an interactive digital floor map of the MSC Bethancourt Ballroom along with detailed outlet controls for each table group:
Interactive Floor Map: Represents the symmetrical 25-column table pair layout of the ballroom, complete with entrance markers, projector locations, and live color-coded mini outlet indicators.
Real-time PeerJS Synchronization: Uses WebRTC peer-to-peer data channels so any outlet status change instantly updates across all connected devices without needing a central database.
Grouped Detailed Controls: Categorizes table pairs into Left and Right ballroom wings and groups them by row range (109–92, 91–70, 127–110, 24–1, etc.) for fast navigation.
Role-based Controls & Admin Protection: Standard users can toggle outlet availability (Available vs Unavailable), while designated venue admins can toggle protected Unpluggable power supply markers via authenticated modal login.
Smart UI/UX: Features click-to-scroll row badges, dynamic top-of-page navigation, live local clock displays, and active connection tracking.
What it does The application provides an interactive digital floor map of the MSC Bethancourt Ballroom along with detailed outlet controls for each table group:
Interactive Floor Map: Represents the symmetrical 25-column table pair layout of the ballroom, complete with entrance markers, projector locations, and live color-coded mini outlet indicators.
Real-time PeerJS Synchronization: Uses WebRTC peer-to-peer data channels so any outlet status change instantly updates across all connected devices without needing a central database.
Grouped Detailed Controls: Categorizes table pairs into Left and Right ballroom wings and groups them by row range (109–92, 91–70, 127–110, 24–1, etc.) for fast navigation.
Role-based Controls & Admin Protection: Standard users can toggle outlet availability (Available vs Unavailable), while designated venue admins can toggle protected Unpluggable power supply markers via authenticated modal login.
Smart UI/UX: Features click-to-scroll row badges, dynamic top-of-page navigation, live local clock displays, and active connection tracking.
What's next for Bethancourt Ballroom Outlet Tracker Adding interactive table search and filtered views (e.g., "Show rows with 4+ available outlets").
Integrating persistent state storage (Firebase/Supabase) to retain venue layouts across sessions.
Implementing QR code table badges so attendees can scan a physical table to report dead outlets instantly.
