Profile
Fatih
Profile

Fatih

Contact
  • fatihaljabar@gmail.com
  • fatihaljabar.com
Languages
🇬🇧 English
🇮🇩 Indonesia
Home
About
Achievements
Projects
Contact
Back

Sports Event Management Dashboard

A dashboard for managing sports events, covering participants, results, medal tallies, and team rosters. Work in progress.

Tech Stack :
Live Demo
Sports Event Management Dashboard

Timeline: January – present, 2026

Overview

ISDN (Event Sport Demo) is a demo admin console for organizers running sports competitions, built to show a prospective client what a finished multi-sport event management platform could look like before committing to build it. Everything is clickable: event creation, tournament brackets, live scoring, participant registration, venues, sponsors, finance, and system administration, all from one dashboard.

Still in progress. This one isn't a finished pitch yet. It's an active build, growing feature by feature. Like the other client-demo projects here, it runs entirely on mock, in-memory data with no backend: the point is to prove out the full product experience first.

Built Around Real Competition Structure

Sports event management has a shape spreadsheets and generic admin panels don't fit. Brackets, live scores, and referee assignments aren't rows in a table, they're a structure. The demo is organized the same way an actual tournament runs:

  • Overview: dashboard snapshot of every active event plus analytics on engagement, revenue, and participant growth.
  • Competition: event management, tournaments, bracket generation, scheduling with conflict detection, match details, live scoring, leaderboards, and statistics.
  • Participants: team registration, athlete profiles, an online registration/approval flow with QR codes, and a referee database with assignments.
  • Operations: venues, multi-channel announcements (email/WhatsApp/banners), official documents, and cross-module report export.
  • Business: sponsor packages and contracts, and event finance (income, expenses, budget).
  • System: users, roles & permissions, audit log, third-party integrations, security (2FA, sessions, backups), and a mobile/PWA view with a QR scanner.

Bracket Viewer

Bracket Viewer: interactive tournament bracket with live sync

Brackets auto-generate from the tournament format and adapt to how each sport is actually scored. A single-elimination football bracket looks different from a round-robin badminton group, and the viewer doesn't force one visual shape onto every sport. Zoom, share, export to PDF, and live sync as results come in.

Live Score

Live Score: sport-specific scoring console with real-time updates

The scoring console itself changes shape per sport: head-to-head for team sports, sets for badminton/volleyball, judged scoring, timed races, attempt-based field events, even esports, because "enter the score" means something different for a 100m sprint than for a football match. Multiple matches can be live at once, each tracked independently.

Analytics

Analytics: engagement, revenue, participant growth, sponsor exposure

One dashboard for the numbers an organizer and their sponsors actually care about: audience engagement, revenue and margin, participant growth quarter over quarter, and sponsor exposure (impressions and click-through), alongside operational counts such as events, branches of sport, registered athletes, and matches played.

Tech Stack

LayerChoice
FrontendReact 19, TypeScript, Vite 7, Tailwind CSS 4
RoutingReact Router 7
AnimationFramer Motion
IconsLucide React, Flaticon UIcons
Otherqrcode.react for participant QR codes

No backend, no database, the same intentional choice as the other client-demo builds here: prove the product experience end to end before any infrastructure investment.

Links

  • Live demo: event-sport-demo.netlify.app