How gopikrishna7733/pmm-3-bidding-interface works
PMM 3 is a browser-based quiz auction and evaluation platform: a quiz master prepares and releases questions, teams bid for the right to answer, and a projector page displays the live auction and results. Shared state computes question phases, bid commitments, and scoring; browser storage is synchronized to Firestore when cloud sync is enabled. The sampled excerpts support the state and sync relationships shown, but not all page wiring or storage implementation details.
Main entry points: index.html Team page · store.js Auction state and rules · sync.js Cloud synchronization · teamfx.js Lens and leader effects
Components 16
Quiz workflow
- Quiz master
admin.js - Admin page
admin.html - Team page
index.html - Team bidding
bidder.js
State and sync
- Auction state and rules
store.js - Browser state
- Cloud synchronization
sync.js - Firestore event
- Firebase configuration
firebase-config.js
Live presentation
- Projector page
live.html - Live display
live.js - Lens and leader effects
teamfx.js - Particle effects
particles.js - Spotlight effect
spotlight.js
Other components
- Quiz master
- Teams
Connections 18
- Quiz master → Admin page: manages questions
- Teams → Team page: joins and bids
- Admin page → Quiz master: runs
- Team page → Team bidding: runs
- Projector page → Live display: runs
- Quiz master → Auction state and rules: loads and saves
- Team bidding → Auction state and rules: reads and saves
- Live display → Auction state and rules: reads
- Auction state and rules → Browser state: persists state
- Cloud synchronization → Browser state: updates local copy
sync.js - Cloud synchronization → Firestore event: syncs transactions
sync.js - Cloud synchronization → Auction state and rules: uses load and save
sync.js - Firebase configuration → Cloud synchronization: configures Firebase
- Lens and leader effects → Team page: adds page effects
- Lens and leader effects → Admin page: adds page effects
- Lens and leader effects → Projector page: adds page effects
- Particle effects → Team page: animates controls
- Spotlight effect → Team page: highlights controls