Aggie Jeopardy

AGGIE Jeopardy – An interactive trivia game celebrating Aggie pride through code and competition.

Comment

Inspiration

Texas A&M has one of the most pride-filled cultures in the nation, and we wanted to capture the aggie spirit through a fun interactive game. Inspired by Jeopardy and our love for Aggie traditions! we built a trivia game the blends entertainment, competition, and school pride. We wanted something that was fun and instantly recognizable to every Aggie or even Jeopardy binger.

What it does

  • Aggie Jeopardy is a fully interactive web-based trivia game themed around Texas A&M. Players can:
  • Choose questions across six categories (Aggie Traditions, Campus Landmarks, Sports & Spirit, and more).
  • Answer before the timer runs out to earn or lose points.
  • Track scores on a built-in leaderboard.
  • Customize their experience with theme and sound settings that persist through local storage.

How we built it

Key Features:

-6 categories with 5 difficulty levels each ($200-$1000 point values) -Customizable timer system (stored in localStorage) -Real-time score tracking with positive/negative point deductions -Modal feedback system showing correct answers for wrong responses -Responsive game board with card flip animations -Firebase integration for persistent leaderboard storage -End-game name prompt and automatic score saving

Tech Stack: -Frontend: Vanilla JavaScript, HTML, CSS -Backend/Database: Firebase Firestore (compatibility SDK) -Authentication: Firebase API key -Storage: Browser localStorage (timer settings), Firebase Firestore (scores/names)

Challenges we ran into

  • Synchronizing the timer and score system to update smoothly between questions
  • Debugging theme toggles to make sure light mode didn’t wash out important UI elements
  • Managing state persistence so the settings, score, and board remained consistent across pages
  • Making sure that the timer and the music started simultaneously once the first card was flipped.

Accomplishments that we're proud of

  • Creating a fully functional trivia platform from scratch — no frameworks or templates.
  • Designing an intuitive Aggie-themed interface that captures the school’s spirit.
  • Implementing a local leaderboard that works entirely offline.
  • Building modular, reusable JavaScript components for future scalability.
  • Delivering a project that’s both fun and meaningful to the Aggie community.

What we learned

This project strengthened our understanding of:

  • DOM manipulation and event-driven programming in JavaScript
  • CSS variable systems and responsive design
  • Working collaboratively on Github
  • UI/UX principles — how colors, animations, and layout affect player engagement
  • Debugging across browsers and devices

What's next for Aggie Jeopardy

Some plans to expand on our interactive web game is:

  • Creating a fully functional Multiplayer mode for real-time competition
  • Custom category creation, so players can add their own questions Our ultimate goal is to make Aggie Jeopardy a fun, educational experience that unites students and alumni — bringing Aggie pride to the digital stage.

Built With

Share this project:

Updates