A real-time tournament management application for Cornhole competitions. Built with React Router 7, TypeScript, and PocketBase, Shear Madness makes it easy to organize and run tournaments with QR code player sign-ups and live bracket updates.
- 🎯 Tournament Management: Create and manage Cornhole tournaments with ease
- 📱 QR Code Sign-ups: Generate QR codes for quick player registration
- � Real-time Updates: Live bracket updates as matches progress using PocketBase real-time subscriptions
- 🏆 Tournament Brackets: Visual bracket display showing match progression
- 🔒 TypeScript: Full type safety throughout the application
- � TailwindCSS: Modern, responsive styling
- �️ PocketBase Backend: Lightweight, real-time database with built-in authentication
- Create a Tournament: Set up a new Cornhole tournament
- Player Sign-up: Share the QR code for players to join via their mobile devices
- Start Tournament: Once all players are registered, initialize the bracket
- Play Matches: Update match results in real-time as players compete
- Track Progress: Watch the bracket fill out as winners advance
Install the dependencies:
npm installStart the development server with HMR:
npm run devYour application will be available at http://localhost:5173.
Note: The local app points to the running production instace of pocketbase. Configure the PocketBase connection in
app/backend/pocketbaseClient.tsif you want to use a local version instead.
- Frontend: React 19, React Router 7, TypeScript
- Styling: TailwindCSS
- Backend: PocketBase (real-time database)
- Build Tool: Vite
- QR Codes: qrcode.react
- Deployment: Docker, containerized deployment
app/routes/- Application pages (home, tournament, bracket, signup, player)app/backend/- Backend API integration and PocketBase clientapp/welcome/- Landing page componentspublic/- Static assets
This template comes with Tailwind CSS already configured for a simple default starting experience. You can use whatever CSS framework you prefer.
This project is open source and available under the MIT License.
Built with ❤️ by Schentrup Software using React Router | Visit Live App