Sporthyp

Sports, hype up! Because sports are for everyone.

Comment

Inspiration

The world of sports is electrifying, but for some people — including me — the stadium has always been a distant dream. I've never been to one and neither has my family. For us, the roar of eighty thousand people only existed in books, posts, and clips. Technology has done great in live streams and even match simulations — but what if technology can do better?

Also, I realised that the most magical part of sports isn't just the match itself — it's the entire journey. Like the ticket anxiety, getting your favourite merch to support your favourite team, the commute that feels like forever. My friend once said that watching a match is only 10% of the transformation — the other 90% is emotional preparation, the challenge, and the camaraderie that comes with it.

But for people who don't live near stadiums or haven't had the opportunity yet, that entire world feels locked behind gates. Traditionally, experiencing a stadium meant being physically there — what if there is a website to actually feel the tension instead of just watching?

I was inspired to bring stadiums closer to everyone, regardless of location or budget, so that they can feel the psychological intensity of fandom. My goal was to build a tool that simulates the full emotional arc, allowing people to experience the thrill, the anxiety, and the camaraderie of supporting their nation, all from their browser.

What It Does

Sporthyp is a narrative-driven web experience that compresses the entire emotional lifecycle of sports fandom into one intense session.

A user enters their name, home country, and if they have a specific match in mind, their opponent (away country) and match name (finals, semi-finals, or even the qualifying stage). The journey is split into five phases:

Phase 1: Spark on! – A chaotic social media dashboard erupts with headlines, fan debates, flying memes, and trending hashtags. It's a big moment and we all feel it.

Phase 2: Hunt on! – Find the link to the ticket portal in the sea of excited fans. A stadium seating chart appears where green dots turn red in real-time as seats vanish. Click a seat, complete a CAPTCHA (because of course there's a CAPTCHA) under 10 seconds, and survive a "loading queue." The server might crash, because the hype is real. If you can't secure a ticket before the countdown ends, the simulation resets.

Phase 3: Gateway on! – With the ticket in hand, feel free to browse merch items with live availability counters. Choose your commute (self-drive or shuttle — each with different stakes). Wait in the queue. Verify your ticket with a phone scanner. Unfortunately, you're banned from entry if verification fails (but you can always try again — only with a different match).

Phase 4: War on! – The match begins! Live commentary rolls with events and a real-time scoreboard. You can roar, chant, boo, gasp, and groan to shape the stadium's soundscape. Also, background audio reacts automatically to the commentary (and the match).

Phase 5: Fade away – Every high has its end, and the match ends. Mundane headlines will replace the hype, and just like how there's always another match, you're free to relive the experience.

How I Built It

Frontend: Black-and-white neo-brutalism. I wanted the spirit to be focused on soccer, and every other colour to focus on the hype.

AI/LLM: Six Groq API calls to generate content per session:

  • Headlines based on user inputs
  • Social media posts with usernames, memes, and debates
  • Merch items with availability counters
  • Food/drink items
  • Full match commentary with timestamps and stats
  • Post-match posts and regular (mundane) headlines

Challenges I Ran Into

Making the experience feel alive in real-time: Simulate them arriving and get the pacing right.

Accomplishments That I'm Proud Of

Building a full-stack application from concept to working prototype: Compressing the lifecycle of fandom into a cycle and turning it from text to program.

Democratising stadium culture: By simulating the entire experience digitally, I hope Sporthyp gives everyone the feel of stadiums and the motivation to work toward their first (or next!) visit.

What I Learned

Executing ideas in a short time: I had a tight time limit but an idea I'm willing to bring to life, so I went all in to do my best! Developing a program, even if it isn't what's in my dreams, beats a theory on paper.

What's Next for Sporthyp

Community features: Users can invite friends and family to matches — or even passionate strangers — to celebrate/commiserate together.

Allow user accounts and session history: Create a "stadium passport" that tracks match outcomes, memorable moments, and emotional stats so users can revisit their favourite simulated experiences. Have achievement badges and streaks.

And more will come through personal experiences, community feedback, and tiny 'aha!' moments.

The Goal Remains

Sports, hype up! Because sports are for everyone.

Built With

Share this project:

Updates