Tournament Management eXperience
TMX is a comprehensive, open-source tournament management application built with the Competition Factory. It serves as both a production-ready tournament management system and a complete reference implementation for building factory-based applications.
Quick Links
- Live Demo → - Try TMX online (runs from GitHub Pages)
- GitHub Repository → - Full source code
- Component Storybook → - UI components used in TMX
Documentation
Comprehensive TMX documentation covering all aspects of the application:
📚 TMX Overview
Learn about TMX architecture, features, and the local-first design pattern with optional server sync.
👥 Participants Management
Registration, import/export, check-in, and participant assignment workflows.
🏆 Events & Categories
Creating events with age categories, ratings, flights, and entry management.
📋 Draw Generation
Multiple draw types, seeding profiles, position assignment, and qualifying structures.
🎾 MatchUps & Scoring
Live scoring, match formats, status management, and match progression.
🏟️ Venues & Scheduling
Court configuration, match scheduling, order of play, and schedule optimization.
💻 Browser Console (dev object)
Direct factory interaction, method logging, debugging, and testing in the browser console.
🖥️ Competition Factory Server
Server architecture, execution queue pattern, multi-user sync, and offline capability.
What You'll Learn
The TMX documentation demonstrates:
✅ Practical Factory Usage - Real-world implementation patterns
✅ Complete Workflows - From participant registration to publishing results
✅ Architecture Patterns - Local-first design with optional server sync
✅ Performance Optimization - Efficient queries and minimal server communication
✅ Component Integration - Using courthive-components with the factory
✅ Development Tools - Browser console access and method logging
Quick Start
For End Users
Visit the live demo and explore tournament management features.
For Developers
Clone and run locally:
git clone https://github.com/CourtHive/TMX
cd TMX
npm install
npm run dev
For Documentation Readers
Start with the TMX Overview to understand the architecture, then explore specific features based on your interests.
TMX showcases the power and flexibility of the Competition Factory by implementing a complete tournament lifecycle with an intuitive interface and robust functionality.