Audience Masters

• 

  The My Predictions menu allows users to view all their forecasts, their statistics, their results, as well as the rankings for each program

• 

  Homepage where the user can make their predictions directly on each program card.

• 

  Rankings page with the ability for users to view the overall leaderboard, as well as rankings by month, by week, by channel, and by genre.

• 

  The ability for users to create their own league, select their preferred competitors, and share the league to invite new participants.

• 

  The ability for users to join an existing league using a shared code.

• 

  Administrator management module with the ability to create new programs, add new bonuses, send pop-ups and send notifications.

Inspiration Audience Masters was inspired by the idea that predicting TV audiences could be as engaging as fantasy sports or stock trading games. While audience ratings are widely discussed in media circles, the general public rarely gets the chance to interact with them. We saw an opportunity to gamify this data and create a fun, social, and competitive experience centered around media consumption.

What it does Audience Masters is an interactive game where users predict the audience figures of TV programs, events, or series. Players submit their forecasts and are scored based on how close they are to the actual results. The platform offers leaderboards, leagues, and bonus systems to make predictions more engaging and rewarding.

How we built it We built the platform using React and styled it with Tailwind CSS for a clean and responsive UI. Hosting is handled by Netlify, allowing for seamless deployment and fast iteration. The system architecture was designed to support real-time data updates and user interaction at scale. We focused on delivering an intuitive landing experience first, while developing the game logic in parallel.

Challenges we ran into One of our main challenges was simplifying a complex concept—TV audience analytics—into a game that anyone can understand and enjoy. We had to carefully design the user journey, balancing simplicity with depth. Ensuring fairness in scoring predictions and defining bonus mechanics was another area that required significant iteration and testing.

Accomplishments that we're proud of We're proud to have taken a novel idea and turned it into a functional, engaging platform. We've already implemented key features such as user account creation, leaderboards, custom league creation, and a flexible bonus system. The bonus system rewards players based on different program-related outcomes—like audience figures, TV show results, or football match predictions—adding richness to the gameplay. Early user feedback has been extremely positive, validating both the concept and the experience we’re building.

What we learned We learned how to distill a niche, data-heavy subject into a format that’s fun, social, and replayable. We gained valuable insights into user onboarding, UX clarity, and designing game mechanics that reward engagement without overwhelming players. We also refined our technical skills in frontend design, responsive layout, and interactive component development.

What's next for Audience Masters Our next steps include completing the full prediction engine and connecting directly to industry-standard TV audience measurement tools to integrate real-time, trusted audience data. We are also developing an AI-based prediction engine, which will generate automated forecasts that players can compete against. This will add an exciting benchmark and increase the game’s depth. We're continuing to explore new features such as themed prediction weeks, more advanced league customization, and social sharing options to strengthen community engagement and retention.

Built With

• and
• and-expo
• authentication
• powered-by-supabase-for-backend-services-including-postgresql
• realtime
• tailwind-css
• this-project-uses-a-modern-web-and-mobile-stack-built-with-react
• typescript
• vite