A purpose-built mobile web app for running a weekly football league: attendance, team selection, live results, player statistics, season history and administration.
🔒Private member application. The live league is not linked from this portfolio. The interface shown here is rebuilt from the production component structure and design tokens, with names, dates and scores replaced by demonstration data.
Kick-off 7:00 PM
Playing this week? Send your availability in WhatsApp.
Three wins and a full-house night moved him to the top of the table.
Not a screenshot: this is live HTML/CSS adapted from the real app’s production layout, using fictional data.
The league has a simple player experience on the surface, but a lot happens behind the scenes each Sunday. The challenge was to bring those moving parts into one system without making match night slower or more complicated for the organiser.
Attendance, team selection, scores, standings, player history and season administration all need to stay in sync. A spreadsheet-first approach becomes fragile as the league grows.
The web app now follows the same sequence as the evening itself. Admin records what happens; the system handles the calculations, history and player-facing output automatically.
The project combines product design, front-end development, application logic, data management, hosting and ongoing operational support.
Latest results, tables, player profiles, records, recent form and season history in a compact mobile interface.
A guided workflow for attendance, captains, team selection, pitch setup, score entry and round progression.
Weekly scores feed season totals, win rates, form, streaks, records and other player-level statistics.
Historical seasons remain available while rollover tools prepare the competition for a clean new season.
Administrative tools reduce manual reconciliation and keep operational jobs separate from the core match workflow.
The app can live on a player's home screen without an app-store release, while updates are deployed centrally.
These panels are built in HTML and CSS from the same component patterns as the private application: the dark match-night palette, condensed typography, lime accent, leaderboard cards and admin-style controls. Only the identifying data has been replaced.
Your weekly score, table position and player records have all been updated together.
The organiser should not have to remember which screen comes next. The system is structured around a predictable progression through the evening.
The live application is supported by a development workflow that separates testing from production and makes frequent improvements practical.
Sunday Night Sport now has one purpose-built platform for the weekly competition, its history and the organiser workflow behind it. The system can keep evolving without forcing the league into the shape of generic sports software.
I also build lightweight web applications, portals and admin systems around the way a business or organisation works.
Tell me about your project See the Walking Football case study