Offsides - A Women's Soccer Fanzone

Offsides: curated stories, tunnel-fits, matches, standings & fan fames. Mission: grow women’s soccer fandom by matching the players’ passion and energy.

Comment

The Offsideszone.com Bolt Hackathon Story

🎯 Inspiration

Since May 30, I’ve been building offsideszone.com with a single objective: grow the women’s soccer fanbase. To achieve this, I created a one-stop shop that captures fans’ passion and interests. I’ve been inspired by the investment and drive the NWSL teams have brought in the last few years. The players, coaches, owners, and everyone who works for these teams bring so much energy, entertaining gameplay, and fun to the fanbase, and I wanted a spot to match that passion. From tunnel-fit photos and AI-curated news to upcoming match previews, live standings, and interactive pick-the-score games, my goal was to deliver a seamless, fan-first experience that empowers both new and die-hard supporters to discover, celebrate, and engage with the sport.

🧠 What I Learned

  • AI-powered tools are improving rapidly
    • The front-end UI is more robust and error-resistant, recovers faster when it “gets stuck,” and integrates more smoothly with external services. This makes new feature development much faster and more reliable.

🛠 How I Built It

  1. Bolt prompting
    • Crafted precise prompts for tasks where I knew exactly what I wanted, and gave the model room to be creative when exploring new solutions.
  2. Data model & backend
    • Supabase Postgres database
    • Supabase storage for images
  3. Authentication & profiles
    • Email magic-link signup via Supabase Auth.
    • Profile pages displaying personal stats, rankings, streaks, and badges.
  4. AI integration
    • “Add story” flow: send a URL to my AI endpoint, which returns a title and subtitle in a sql insert statement format for easy add to my database.
  5. Mobile first design
    • Asked Bolt to always keep the mobile experience in mind. With each new feature, I would test the mobile view and make sure to fine tune that UI.
  6. Deployment
    • Hosted on Netlify.
    • Continuous deployment with multiple publishes per day.

🚧 Challenges Faced

  • Authentication, which had been my biggest hurdle in earlier Bolt projects, was effortless this time. We were up and running in just one or two prompts.
  • Converting and storing timestamps across time zones required some schema adjustments and troubleshooting.
  • Formatting and updating live scores presented a few edge-case bugs, but Bolt’s troubleshooting capabilities helped me resolve them quickly.

🚀 Next Steps for Offsides

  • Automation: Automate updates for matches, standings, and news stories.
  • Country content: Right now, the site is geared around club soccer but could be improved to include information on country teams and competitions. Make this site a go to for information on both Club and Country.
  • Expand league coverage: Add more domestic and international women’s leagues (e.g., WSL, Frauen-Bundesliga) to deepen content variety.
  • Notifications: Implement real-time alerts for match start times, score updates, and breaking news.
  • Community features: Figure out how to allow fans to connect together, potentially launch a forum or chat room where fans can discuss matches, share photos, and predict outcomes together.
  • Personalization: Leverage AI to power a personalized news feed that surfaces stories, highlights, and matches based on each user’s favorite teams and players.
  • Partnerships & sponsorships: Explore collaborations with women’s clubs, leagues, and sponsors to unlock exclusive content and grow the platform’s reach.

🗓️ Project Tracker

Built With

Share this project:

Updates