A lightweight, real-time, multiplayer bingo game for recruiters, sourcers, hiring teams, and anyone who lives in the madness of talent acquisition.
Recruiting Bingo is a modern web app built for fun team moments, offsites, training sessions, and live meetings. Create a room in seconds, share a link, and watch everyone sync up in real time as they click squares like:
- βCan we push this to next quarter?β
- βWhatβs the budget for this role?β
- βWe need someone with 10 years of experience in a 3-year-old technology.β
Players get automatic Bingo detection, real-time winner announcements, and fireworks π₯π
No accounts. No logins. No tracking. Just a delightful little game.
Try it at https://bingo.hiregear.us
- Real-time multiplayer rooms β everyone sees the same card instantly.
- Multiple card libraries built for TA, sourcing, hiring managers, and more.
- Custom games β enter your own 25 custom squares.
- Winner flow + fireworks β shared celebrations across all players.
- Modern UI with dark mode β crisp, polished, and readable.
- Open Graph preview integration for social sharing.
- React + TypeScript
- Vite
- Tailwind CSS
- Zustand (or similar) for local state
- A shared logic package for bingo validation
- Monorepo structure (
apps/,packages/) apps/webβ main applicationpackages/β shared state + game logic
Real-time sync model:
- Each room has a unique ID
- Clients subscribe on join
- Actions emit small events (mark square, call Bingo)
- Canonical room state updates and re-broadcasts
- UI re-renders from shared snapshot
- Tailwind
dark:variants - Glassy white + dark cards
- Responsive grid layout for the board
- Vite build
- Cloudflare Pages hosting
- GitHub Pages support included
git clone https://github.com/SomeGuy02312/recruiting-bingo
cd recruiting-bingo
npm install
npm run devLocal dev server: http://localhost:5173
-
Create a Cloudflare Pages project
-
Connect your GitHub repo
-
Settings:
- Build command:
npm run build - Output directory:
dist
- Build command:
-
Deploy π
Production URL: https://bingo.hiregear.us
recruiting-bingo/
β
ββ apps/
β ββ web/ # React app
β ββ src/routes/ # Pages
β ββ src/components/ # UI components
β ββ index.html # OG metadata
β
ββ packages/
β ββ game-logic/ # Bingo rules + validation
β ββ types/ # Shared TS types
β
ββ README.md
Hi, Iβm Ed β a product nerd, ex-recruiter, and Director of Product in TA Tech.
I build tools for recruiters and hiring teams. I love polished, delightful side projects β especially ones that blend UX, product thinking, and modern development.
This project is part of HireGear, a collection of experimental tools for the recruiting world.
- GitHub: https://github.com/SomeGuy02312
- HireGear: https://www.hiregear.us
- LinkedIn: https://www.linkedin.com/in/epedini/
This app was built through a tight iterative loop between:
- Drove product vision & UX
- Designed game mechanics and flows
- Set polish standards (layout, spacing, animation)
- Debugged issues and integrated code
- Wrote major React + TS components
- Debugged live errors
- Refactored layout and winner flow
- Generated copy, UI patterns, and Tailwind structures
- Produced specs, PRDs, and documentation
This wasnβt βAI-built software.β It was human-led product development with AI as a high-speed engineering copilot.
Contributions welcome! Open an issue or PR.
Licensed under the Polyform Non-Commercial License.
Recruiting is chaotic, funny, and endlessly human.
This project is a small celebration of that energy β with fireworks.