Big Tri State

Big Tri State is a sports web platform built for a football club operating across the Tri-State area of the USA. Before this platform existed, the club had no centralised system for managing player registrations, coach onboarding, team assignments, or divisional reporting. These processes were handled manually, which created friction for everyone involved and limited the club's ability to scale its operations.

The platform was built to serve three distinct user types at the same time: players who need to register and select their teams, coaches who need to register and manage their rosters, and an administrator who needs full visibility and control over everything happening on the platform.

The defining principle of the system is that the admin controls everything. No player or coach can join a team, modify a membership, or access roster information without the admin approving it first. This was not a technical constraint but a deliberate organisational requirement. The club needed a single source of truth, owned by one authority, that could not be bypassed by user-side actions.

Three challenges defined the architecture and design of this project.

The first was building a genuinely dynamic system. Every meaningful action on the platform had to be admin-driven: user approvals, team creation, team editing, division assignments, and report generation. This required a backend architecture that separated user-facing request flows from admin-controlled execution, ensuring that no part of the system could be put into an inconsistent state by a player or coach acting unilaterally.

The second was designing a registration experience that worked for a non-technical user base. Players and coaches are not software users by default. The registration and team selection flow had to be clear enough that someone unfamiliar with web platforms could complete it without confusion or error. Intuitive design was not a nice-to-have. It was essential for the platform to function at all.

The third was giving the admin the right tools without overwhelming them. The admin panel needed to cover approvals, team management, division organisation, and report generation in a single interface. Building that breadth of functionality without producing a confusing or cluttered admin experience required careful information architecture and interface design throughout.

The platform was built using the full MERN stack. React.js handled the dynamic frontend, Node.js and Express.js powered the backend API, MongoDB managed all data, and Bootstrap provided responsive, mobile-first layouts across every view.

The system was designed with strict role separation from the ground up. Players and coaches each had their own registration flows and profile management areas. All actions that affected team composition or membership status were routed through the admin layer before taking effect. No frontend action bypassed this.

The admin panel was developed as a comprehensive management interface covering user approval queues, team creation and editing tools, division management, and report generation by team and division. Each capability was designed with the admin's workflow in mind, keeping common actions accessible without burying configuration options.

Wireframes and design mockups were completed before development began, validated against the three user types before any code was written. Post-deployment, full training was provided to the admin on platform management, with ongoing support available for updates and issues.