12VOX

Inspiration

Football is driven by the passion of its fans, yet their voices remain scattered across chaotic social media threads with no structural impact. Traditional sports platforms focus solely on raw statistics, ignoring the living sentiments and debates generated during a match. 12VOX was born to solve this. Inspired by the desire to democratize sports media, we built a dedicated space where the fan's voice is the main protagonist. Our goal is to empower football fans around the globe, giving them an organized, fair, and highly contextualized platform to express their opinions.

What it does

12VOX is an interactive platform where fans engage through real-time community debates and live voting during matches. The app features a highly sophisticated logic split into three core sectors:

• Matchs: Interactive cards where fans vote before, during, and after a live game, tracking live event-based parameters.
• Awards: Dedicated spaces for major international tournaments, local ceremonies, and prestigious global galas.
• Context: A localized system where global users can browse all content, but voting rights are smartly segmented by user nationality and specific club allegiances to protect the integrity of the community consensus.

How we built it

The platform is structured as a scalable Single Page Application (SPA). The frontend features a highly responsive layout that transforms from a bottom mobile navigation bar into sleek top desktop tabs to eliminate visual redundancy. It uses clean CSS3 animations to power real-time match progress bars and an interactive, fluid gradient ad banner container. The backend and schema ecosystem are powered by Node.js, Express, and MongoDB/Mongoose to handle complex user profile documents, live vote tracking models, and multi-lingual text rendering (en, es, pt). The intelligent debate generation is driven by Gemini 3.5 Flash via Google AI Studio.

Challenges we ran into

Our biggest challenge was building a system capable of handling high-velocity live match tracking without scaling server infrastructure costs into unsustainable territory. Running constant live API polling for thousands of concurrent games is financially prohibitive for a growing startup. We overcame this by designing an elegant, cost-optimized backend architecture that synchronizes upcoming schedules locally in a daily midnight cache and filters matches based on tournament tiers and a top-100 popularity list. Real-time telemetry is exclusively handled via event-driven Webhooks (KICKOFF, PENALTY_CONFIRMED, RED_CARD) only for matches that pass our strict popularity criteria.

Accomplishments that we're proud of

We are incredibly proud of creating a premium, visually stunning UI/UX that feels lightweight, ultra-professional, and completely responsive. Successfully bridging a highly restrictive database logic (protecting who can vote on what) with a fluid, open-browsing experience for global fans is a major win. Furthermore, achieving a zero-server-overhead tracking system for live match progress bars by shifting computation to the client side was a massive architectural breakthrough.

What we learned

We mastered the art of building cost-effective, high-performance web architectures by leveraging client-side resources. For instance, the server only sends a single UTC kickoff timestamp, and the user's phone computes live progression locally. We also learned the vital importance of strict data type consistency when mapping international entities—ensuring tricky textual country codes like "NA" (Namibia) are strictly cast as strings to prevent MongoDB from misinterpreting them as null or NaN values.

What's next for 12VOX

Our immediate next milestone is completing the connections for the fully functional administrative panel backend to easily manage new tournaments, ceremonies, regional contexts, and the precise debate questions assigned to each. Following the hackathon, we will open a dedicated development branch to connect live production sports data streams, focus on higher automated scaling efficiencies, and officially launch 12VOX to stadium stands worldwide to monetize the true voice of the fan.

Built With

• css3-(flexbox/grid)
• express.js
• gemini-3.5-flash
• git
• github.
• google-cloud-agent-builder
• javascript
• mongodb
• mongoose
• node.js