You are browsing as a guest. Sign up (or log in) to start making projects!

Fantasy Championship

  • 2 Devlogs
  • 1 Total hours

An elite, mobile-optimized analytics dashboard and automated data injection terminal designed for a 35+-round 5-a-side Sorare football tournament. This application completely eliminates manual code updates by utilizing a serverless cloud database backend to process daily raw scores, evaluate tournament standings dynamically, and serve real-time performance insights.

Open comments for this post

56m 26s logged

Check out the webiste in different aesthetics. I have been working on the website since the start of the world cup, it uses supabase integration and raw html, here are my last few updates that i could log: Fetching data from admin.html(back panel score updating page), supabase correspondence fixed(data storing table provider) along with new FUT manager cards dossier introduction(each player/manager has his own FUT card based on his performances both recent and historical). Flexible number of participants ensured(from strict 3 to any number, currently sitting at 6). Also winners announced from first phase(based on managers’ real 2026 world cup fantasy team performance data)

0
1
62
Ship #1

I built the Sorare World Cup Cyber Terminal, a mobile-responsive tournament dashboard powered by HTML5, CSS3, vanilla JavaScript, and a Supabase cloud backend that automatically tracks a multi-round 5-a-side fantasy football league. The biggest challenge was engineering a dynamic scoring system that adaptively scales point distributions when participant counts shift between 5 and 6 players, alongside building a streak algorithm that calculates consecutive win, podium, and last-place bonuses across uneven matchdays without breaking database sync. I am most proud of the interactive FUT-style manager cards that compute live custom ratings (VIC, POD, FRM, VIS) upon tapping a club row, the post-match press room quote banner, and the seamless phone-friendly admin portal. To test the project, explore the main dashboard to view the final Hall of Champions podium, toggle through the milestone matrices and FUT dossiers, or navigate to /admin.html to broadcast test scores and watch the terminal update live!

  • 1 devlog
  • 0h
Try project → See source code →
Open comments for this post

16m 56s logged

Building this website was a fun challenge especially when I was dealing with the math logic of the tracking terminal. At first I had all my code for the project in one file, which became incredibly messy. My biggest recent win with the tracking terminal was refactoring the project into separate clean HTML files CSS files and JavaScript files for the website. This made debugging the tracking terminal much easier.

I also spent a lot of time completely rewriting the CSS for the website from scratch. I wanted to move from generic layouts and build a clean dashboard for the project that felt personal to my league. The technical hurdle with the tracking was writing the JavaScript to make the Supabase database dynamically adjust the points scale depending on whether 5 or 6 managers submitted scores that week in the tracking terminal. After tweaking the array sorting logic and fixing a few silent database bugs, in the tracking terminal the live sync is finally running perfectly.

2
1
20

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…