Inspiration
Studying can easily become repetitive: read, answer questions, check your score, repeat. We wanted to make that loop feel more engaging by adding something students already understand: competition.
Study Battles was inspired by the idea of turning ordinary revision into a challenge you can share with a friend. Instead of studying completely alone, you can create a battle, compete, see your results, review your mistakes, and practice the topics you struggled with.
What it does
Study Battles is a mobile study app built around competitive quiz battles.
A user can choose a subject, topic, difficulty, and number of questions to create a battle. The battle generates a unique share code that can be sent to a friend. Players then answer questions, earn points, and see how they performed.
After the battle, Study Battles goes beyond simply showing a score. Players can review their mistakes and jump into focused practice based on the questions they missed.
The core loop is:
Create → Battle → Review → Practice → Improve
How I built it
Study Battles was built with React Native, Expo, TypeScript, and Supabase.
The interface was designed to feel more like a game than a traditional study app, with animated transitions, score feedback, timers, battle states, light and dark mode, and focused result screens.
Supabase handles the battle-sharing functionality, including anonymous authentication, battle creation, share codes, and player participation.
We intentionally kept the architecture focused on the core experience instead of trying to build every possible feature for the MVP.
Challenges I ran into
One of the biggest challenges was balancing a polished experience with the limited time available for the hackathon.
I joined late and I had school, so I had to decide which features actually improved the core study loop and which could wait. This meant focusing on the battle experience instead of adding unnecessary complexity such as payments, notifications, deep linking, or a large social system.
Another challenge was connecting the mobile app to Supabase while keeping the existing demo flow stable. I had to handle authentication, database functions, battle creation, and share codes without breaking the UI and navigation that were already working.
Accomplishments that I'm proud of
I'm proud that I was able to build a fully functional study battle app within the time I had
What I learned
I learned a lot and more about building mobile apps with react native, revenuecat, expo and the mobile ecosystem in general
What's next for Study battles
There is still a lot I could build, including real-time multiplayer battles, stronger question generation, battle history, notifications, leaderboards, and deeper progress tracking.
For this MVP, the priority was proving the core idea:
Studying can be something you compete in, share with friends, and actually enjoy.
Built With
- asyncstore
- nativewind
- react-native
- supabase
Log in or sign up for Devpost to join the conversation.