Flashcard Royale

Inspiration

Our team loves learning, we also love games, so we thought why not combine the two? Our project takes the simple effective method of Quizlet and drops it into a face paced, competitive environment reminiscent of Super Auto Pets. Flashcards meet battle arena, Study meets strategy. Be the last one standing. Welcome to Flashcard Royale

What it does

Flashcard Royale lets users create or use flashcards to battle in a fast-paced, turn-based study game. You pick your deck, face off against an opponent, and answer your way to victory. The more you win, the more cosmetic rewards you unlock — including custom avatar gradients through a Battle Pass system.

How we built it

We built the frontend in Svelte, taking advantage of its lightning-fast reactivity for seamless UI updates. Our backend is powered by Firebase (Realtime Database + Auth + Firestore), which handles everything from game state to user profiles. We also integrated Gemini AI to help summarize or generate flashcard sets, giving users a smart jumpstart on studying.

Challenges we ran into

Time (Classic), Sleep (nonexistent), syncing Realtime updates between firebase services and frontend took careful planning and a lot of refactoring. Creating a smooth user experience presented more challenges than we initially thought especially regarding the user profile.

Accomplishments that we're proud of

The whole game loop- From deck creation to avatar customization, we are proud of out seamless integration of features. We are especially proud of our focus on user experience, trying to make the users experience as productive and fun as possible.

What we learned

Most of our group learned Svelte from the ground up in this project, and what can we say? We're hooked! Managing real-time interactions with multiple users using Firebase required a deep dive into structure and security rules for Google's NoSQL database structure.

What's next for Flashcard Royale

Live Multiplayer! We want you to be able to go head to head with your friends in high stakes, pitched battles for wins (and bragging rights of course). Daily challenges and other rewards could be on the way!

Note: We ran out of vercel updates so our main github is at https://github.com/AidanSchmitigal/flashcard-royale and the website is at https://flashcard-royale.vercel.app/, but it not updated so we have a fork repo (https://github.com/Llarence/flashcard-royale-temp) that contains the same code and is hosted at https://flashcard-royale-temp.vercel.app/