How bryandrouet/bingo works
Bingo Interactif is a browser-based app for signing in, creating and managing bingo grids, and playing them by marking cells. The runtime entry point restores the authenticated user's saved view and routes to the dashboard, create, account, or play views. Bingo documents live under each user's Firestore path; Firebase also provides authentication and profile-photo storage. The sampled source supports the main view and data calls, but not every dashboard or profile behavior; unsampled capabilities are not expanded into guessed flows.
Main entry points: app.js App coordinator · ui.js UI utilities · dashboard.js Dashboard and account · firebase-client.js Firebase client
Components 17
App runtime
- App coordinator
js/app.js - Dashboard and account
js/dashboard.js
Identity and profile
- Authentication
js/auth.js - Avatar helpers
js/avatars.js
Bingo workflows
- Create and edit
js/create.js - Play grid
js/play.js - Category styling
js/categories.js - Bingo data access
js/bingos.js
Shared UI and state
- Current session
js/session.js - UI utilities
js/ui.js - View and draft state
js/view-state.js - Error handling
js/errors.js
Firebase services
- Firebase client
js/firebase-client.js - Firebase Authentication
- Cloud Firestore
- Firebase Storage
Other components
- Bingo user
Connections 42
- Bingo user → App coordinator: uses
- App coordinator → Authentication: routes login
js/app.js - App coordinator → Dashboard and account: restores views
js/app.js - App coordinator → Create and edit: restores create
js/app.js - App coordinator → Play grid: restores play
js/app.js - App coordinator → Current session: sets user
js/app.js - App coordinator → UI utilities: initializes UI
js/app.js - App coordinator → View and draft state: restores state
js/app.js - App coordinator → Error handling: logs auth errors
js/app.js - Authentication → Firebase client: calls auth APIs
js/auth.js - Authentication → Current session: sets user
js/auth.js - Authentication → UI utilities: renders feedback
js/auth.js - Authentication → Category styling: builds header
js/auth.js - Authentication → Error handling: reports failures
js/auth.js - Firebase client → Firebase Authentication: uses SDK
js/firebase-client.js - Firebase client → Cloud Firestore: uses SDK
js/firebase-client.js - Firebase client → Firebase Storage: uses SDK
js/firebase-client.js - Bingo data access → Firebase client: queries data
js/bingos.js - Bingo data access → Current session: uses current user
js/bingos.js - Bingo data access → Error handling: reports failures
js/bingos.js - Dashboard and account → Bingo data access: loads bingos
js/dashboard.js - Dashboard and account → Category styling: builds registry
js/dashboard.js - Dashboard and account → Avatar helpers: renders profile image
js/dashboard.js - Dashboard and account → Firebase client: manages profile data
js/dashboard.js - Dashboard and account → UI utilities: renders views
js/dashboard.js - Create and edit → Bingo data access: loads document refs
js/create.js - Create and edit → Category styling: validates category
js/create.js - Create and edit → Firebase client: writes bingo
js/create.js - Create and edit → View and draft state: saves draft
js/create.js - Create and edit → UI utilities: renders form
js/create.js - Create and edit → Dashboard and account: returns to dashboard
js/create.js - Play grid → Bingo data access: gets document ref
js/play.js - Play grid → Firebase client: reads and saves grid
js/play.js - Play grid → Category styling: styles game
js/play.js - Play grid → Dashboard and account: returns to dashboard
js/play.js - Play grid → UI utilities: renders game
js/play.js - Play grid → View and draft state: sets view
js/play.js - Category styling → UI utilities: uses UI helpers
js/categories.js - Avatar helpers → UI utilities: uses UI helpers
js/avatars.js - Avatar helpers → Current session: uses session
js/avatars.js - Error handling → UI utilities: shows errors
js/errors.js - UI utilities → View and draft state: persists scroll
js/ui.js