A collaborative, real-time bingo application designed for teams to work together on wellness activities. Each team gets their own unique board with department-specific prompts, and all team members can see and interact with the same board in real-time.
- 6 Department Teams: English, Math, History, Science, Language, and Art
- Building Selection: Choose from multiple campus buildings
- Team-Specific Prompts: Each department gets unique, relevant activities
- Shared Boards: All team members see the same board simultaneously
- Live Syncing: Board updates every 10 seconds automatically
- User Tracking: See who crossed off each activity
- Visual Indicators: Hover over crossed tiles to see who completed them
- Sync Status: Green pulsing indicator shows live connection
- 5x5 Bingo Grid: Classic bingo layout with FREE center square
- Team-Specific Activities: Prompts tailored to each department's focus
- BINGO Detection: Automatic detection of winning lines (rows, columns, diagonals)
- Confetti Celebration: Colorful celebration when BINGO is achieved
- Score Tracking: Team bingo counts and member statistics
- Live Scoreboard: Real-time team rankings with medals (๐ฅ๐ฅ๐ฅ)
- Team Statistics: Track bingos and member counts
- Auto-refresh: Scoreboard updates every 30 seconds
- PDF Export: Save your board as a printable document
- New Board Generation: Create fresh boards for your team
- Progress Persistence: All data saved automatically
- Responsive Design: Works on desktop and mobile devices
- Node.js (version 14 or higher)
- npm or yarn
- Clone or download the project
- Navigate to the project directory
- Install dependencies:
npm install
- Start the server:
npm start
- Open your browser to
http://localhost:3000
- Enter your username and password
- Select your building from the dropdown
- Choose your department team
- Click "Login" to start
- View your team's shared 5x5 bingo board
- Each tile contains a wellness activity relevant to your department
- The center square is always "FREE"
- Click any tile to mark it as completed
- See who completed each activity (hover over crossed tiles)
- Watch the board update in real-time as teammates make progress
- Green sync indicator shows the board is live
- Complete a full row, column, or diagonal to get BINGO
- Click "Check for BINGO" to verify your win
- Enjoy the confetti celebration!
- Your team's bingo count increases automatically
- New Board: Generate a fresh board for your team
- Export PDF: Save your current board as a printable document
- Scoreboard: View team rankings and statistics
bingo-main/
โโโ data/ # Data storage
โ โโโ users.json # User accounts and team assignments
โ โโโ teams.json # Team definitions
โ โโโ prompts.json # Team-specific activity prompts
โ โโโ teamBoards.json # Shared boards for each team
โโโ public/ # Frontend files
โ โโโ index.html # Main game interface
โ โโโ scoreboard.html # Team rankings page
โโโ server.js # Express server with all API endpoints
โโโ package.json # Project configuration
โโโ README.md # This file
GET /teams- Get available teamsGET /buildings- Get available buildingsPOST /login- User authentication and team board creation
GET /getTeamBoard?team=XYZ- Get current team boardPOST /tile- Update tile state (cross/uncross)POST /newboard- Generate new board for team
POST /updateBingos- Update team bingo countGET /scoreboard- Get team rankings
Each department gets unique, relevant activities:
- English Department: Reading, writing, literature analysis
- Math Department: Puzzles, calculations, problem-solving
- History Department: Research, storytelling, cultural learning
- Science Department: Experiments, observation, natural studies
- Language Department: Vocabulary, pronunciation, cultural learning
- Art Department: Creativity, visual arts, cultural appreciation
All teams also get access to generic wellness activities like exercise, meditation, and self-care.
- Polling-based sync: Board updates every 10 seconds
- User tracking: Each tile stores who crossed it
- Team isolation: Each team has their own board and data
- JSON file storage: All data stored in local JSON files
- Automatic initialization: Data files created on first run
- Backup-friendly: Simple file structure for easy backups
- Password validation: Simple password-based authentication
- Team isolation: Users can only access their team's data
- Input validation: All API endpoints validate required fields
- Department Wellness Programs: Encourage healthy habits within academic departments
- Team Building: Foster collaboration and friendly competition
- Student Engagement: Make wellness activities fun and social
- Department Challenges: Create team-based wellness initiatives
- Employee Engagement: Build community through shared activities
- Health Promotion: Encourage healthy habits in the workplace
- Social Clubs: Organize wellness challenges for members
- Fitness Groups: Track group progress on health goals
- Support Networks: Build community through shared wellness activities
Potential features for future versions:
- WebSocket support for instant real-time updates
- Mobile app version
- Custom team creation
- Advanced analytics and reporting
- Integration with wellness tracking apps
- Multi-language support
- Custom prompt creation tools
This is a simple, self-contained application designed for easy deployment and customization. Feel free to:
- Add new team prompts
- Customize the UI styling
- Add new features
- Improve the real-time functionality
ISC License - feel free to use and modify for your needs.
Happy Bingo-ing! ๐ฏโจ