Studify - Personalized Fun AI-Powered Study Game

• 

  3am panik sesh

• 

  Main Gamemode Page; choose between Sacrifice (generate personalized questions) or "Trial of the Tome" to turn exams into epic battles

• 

  Title Page: having the title "STUDIFY" w/ a "Play" button that leads the user to the core features; diamond staff behind => main weapon

• 

  "The Sacrifice"; upload course materials to generate personalized questions; can choose the question language (regardless of input language)

• 

  "The Sacrifice - In-game" questions in german abt Mansa Musa's; spellbook on the left symbolize education, staff on the right is main weapon

• 

  Our Antigravity interface, with multiple agents in charge of a variety of different roles

• 

  "Trial of the Tome - In-Game" linear algebra question based on practice exam uploaded; score track on top-right; option to quit nearby

Studify. Frees your mind by gamifying your study experience.

Inspiration

Our inspiration for this project was the idea that AI's role, like any other technological tool, is merely a reflection of the developer. As such, we wanted to make an application that could use AI to support education by gamifying it.

What it does

Essentially, our application Studify takes in uploaded pdf files of past exams and provides two game modes: the first one (The Sacrifice) is a practice mode where practice questions are AI generated. It has boss fights, different spells and attack modes of the boss to make learning content like gaming. It also has an interactive UI and that can be strung together in a combo. While the second one (Trial of the Tome) allows the direct uploading of exams gives an accurate reflection of the user's performance while still having fun.

How we built it

We built the backend code in ts and frontend code in tsx with assistance from Gemini Antigravity and Claude Sonnet. The frontend code will receive the uploaded pdf and send it to a route file which calls on an API using a key that is held in a local environment. The API assigns multiple choice questions that it either generates or copies from the file (depending on which game mode was chosen) and makes the practice exam. We made the backend code with firebase and it decides the spell logistics and data security.

Challenges we ran into

The biggest constraint we ran into was time as it was a direct limit to our ambitions of coop gameplay. Alongside this was the token usage on the AI we used to assist us. Integrating our code together is pretty tough as well. We started separately on three different devices. When we merged our code together, there were many incompatibilities and overlapped code. We spend a few hours to fix that.

Accomplishments that we're proud of

We made a website that turns studying into interactive gaming in 24 hours. We implemented many gameplay mechanics and interesting UI. We never thought so much can be done in a day. The fact that we learnt to use multiple AI platforms in a few hours and the exponential improvements in our qualities of prompts makes us proud.

What we learned

Planning before working is important. We should have a clear timeline and outline of tasks to be done at a certain time and by who. We learned a lot form using agentic AI because this is our first time using it. Although some of us have subscriptions to individual AIs, we are shocked by the extent of what antigravity can do as we have never coded that efficiently before.

***note that the demo video only featured a simple linguistics document for demonstration purposes; the platform is actually capable of processing document from any subjects, ranging from history to linear algebra and we can actually see this with how it generated questions about the ancient purpose of the alphabet

Built With

• claude.ai
• firebase
• firestore(nosql)
• google-gemini
• node.js
• postcss
• react
• tailwindcss
• typescript