StudyMon

Top of trainers home, where you can view your stats, and party.
Bottom of trainers home, where you get to heal your party, as well as do the student QOL features.
The battle UI
Party management view, where you can select/remove StudyMons as well as change their skills!
The skill viewer, where you can assign skills and learn them.

Inspiration

Students often rely on multiple different apps to study, plan, and stay motivated. I grew up playing and watching Pokémon, so I wondered: what if studying felt like an adventure rather than a chore? StudyMon turns studying into a game where your knowledge fuels your progress.

What It Does

StudyMon is a gamified study dashboard. You play as a Trainer and pick what topic you want to study (anything from Biology to History to Game Design). Claude AI generates fresh questions during battles, so no two battles feel the same.

Core Gameplay:

Battle wild StudyMons by answering questions correctly
Earn SP (Skill Points) for correct answers and use them to activate skill-based attacks
Exploit type effectiveness and manage HP/SP/XP
Catch StudyMons when their HP is low to build your 4-mon study team
Challenge AI-generated Gym Leaders with voice-acted dialogue
Heal fainted StudyMons by continuing to study
Track progress with study timers, planners, and leveling

Every action in the game is powered directly by your real studying.

How It Works

Frontend: React + Vite
Styling: Tailwind CSS (custom dark forest theme)
Backend: Supabase (PostgreSQL, Auth, Row-Level Security)
Serverless Functions: Netlify Functions

AI Integration:

Claude 3.5 Haiku for question generation and answer validation
ElevenLabs for dynamic Gym Leader voice acting

Deployment: Netlify + GoDaddy domain

Challenges

Implementing a full type based battle system with SP/XP scaling
Designing a UI that is game-like but also functional for productivity
Managing Claude’s token limits during battles and progression
Scoping which features would be realistically completed during the hackathon time

Accomplishments

Built a complete Pokémon-style battle system from scratch
Integrated two AI APIs seamlessly into gameplay logic
Created a reusable Gym Challenge system any topic can become an 8-gym learning path
Designed consistent multi-page UI with persistent global state
Watched non-CS friends genuinely enjoy using it

What We Learned

How to build and deploy a full-stack project end-to-end quickly
Effectively structuring backend logic and serverless functions
Designing scalable gameplay mechanics
Creating UI layouts that stay consistent across multiple screens and interactions