Quiz Race

Landing Page
Lobby Page
Progression
Progression among both players
Questions Page
Winner Page

Inspiration

The combination of Quizlet and Kahoot inspired our project to reinforce learning through challenges and gamifying flashcards to earn more on a topic with a friend or study mate.

What it does

Quiz Race is a website that allows users to match with friends or study mates and create quizzes using Gemini AI to generate questions. It also offers options related to the questions to reinforce learning and gamify the learning process through a friendly competition to see who can answer the question correctly.

How we built it

The project was built almost entirely in ReactJS, with Tailwind CSS used for styling. To store the game date, a Firestore Database was used. Each game is stored as a document in the Database, and the two players look to that document as the ultimate source of truth about the race. To convert notes into quiz questions, OpenRouter was used with the Gemini 2.5 Flash model.

Challenges we ran into

The biggest challenge we encountered was setting up the app's architecture, particularly in integrating the game's two-player nature. Having two users simultaneously racing on different devices, despite both running the project locally, was challenging to implement. Setting up the Gemini model was also quite tricky, as it initially failed to produce output in the desired format.

Accomplishments that we're proud of

We are proud of the final product of the project, which incorporates the core mechanics and logic necessary for its completion. Having it come together in the end was truly satisfying. We are proud of our team and their contributions to the backend and frontend of the project, ensuring a seamless experience.

What we learned

We learned new frameworks, including Node.js, React, Tailwind, OpenRouter, Firebase, and Gemini API, for the logic and mechanics, as well as Figma for the UI and visual elements of the project. Additionally, collaborating with a team on a tight deadline and ensuring a balanced distribution of tasks towards the MVI.

What's next for Quiz Race

Beyond the current state of the project, we plan to enhance it by incorporating elements, such as power-ups/abilities, that users can gain while playing the game, thereby improving their chances of winning and preventing others from winning by freezing the and in addition, considering using Eleven Labs AI voices to provide an accessbility feature for our project by implementing a text-to-speech element for those who are blind, allowing the experience not to be hindered by disability.