Inspiration
The spark for Locked in Legends came from a frustrating contrast in my own life, I could play immersive video games like Persona for hours without a single moment of boredom, yet when it came to studying, I couldn't even set up my desk without finding an excuse to procrastinate. This lack of focus eventually caught up with me when I received a "C" in a class. It was a massive wake-up call and a deeply discouraging moment.
However, that disappointment became my ultimate motivation. It made me realize that the problem wasn't a lack of drive, but a lack of engagement. I wanted to channel the same psychological triggers, reward structures, progress tracking, and sheer immersion that kept me hooked on gaming and apply them to productivity. I set out to build an app that turns learning into a game you actually want to play.
What It Does
Locked in Legends transforms studying and deep work into an engaging, gamified RPG experience. By combining real-time attentiveness tracking with an immersive reward system, the app ensures you stay focused and productive.
Using a standard webcam, the app monitors your gaze to ensure you are looking at your screen, automatically pausing your session the moment you get distracted. It also tracks your sitting position to keep you upright, alert, and in an optimal, healthy study posture. At the end of every successful focus session, your real-world discipline translates into in-game progress: you earn Experience Points which you can use to encounter and catch Pokémon, unlock rare rewards, and work toward completing your ultimate Pokédex.
How We Built It
Locked in Legends is built on a high-performance stack designed for real-time responsiveness and seamless user engagement:
*Frontend: Powered by Next.js and React to leverage server-side efficiency and dynamic UI rendering. *Styling: Designed with Tailwind CSS to deliver a clean, modern, and highly responsive user interface. *Core Tracking AI: Integrated Google's MediaPipe library directly into the browser. This enables lightweight, privacy-focused facial and posture analysis via the user's webcam without requiring heavy, expensive backend server processing. *Gamification API: Connected the core reward loop to the open-source PokéAPI, dynamically pulling retro pixel Pokémon sprites and data to fuel the user's collectible journey.
Challenges We Ran Into
Developing real-time computer vision applications directly in the browser presents unique optimization hurdles. Throughout development, i frequently ran into hardware bottlenecks where my laptop would glitch, lag, or malfunction under the heavy processing load of running tracking models alongside a development server. Managing these system slowdowns required careful debugging, code optimization, and patience, which occasionally slowed down our development momentum.
Accomplishments That We're Proud Of
Above all, i am are incredibly proud that i pushed through the technical hurdles and fully finished the prototype. Turning a complex idea into a fully functional app that successfully bridges hardware tracking with an interactive game loop was no small feat, and seeing the entire system work seamlessly together is incredibly rewarding.
What We Learned
This project was a massive lesson in modern development workflows, specifically in how to effectively leverage AI as a programming assistant. I learned how to use AI tools to accelerate debugging, brainstorm architectural solutions for MediaPipe integration, and quickly write boilerplate code. This allowed us to focus our energy on core logic and user experience design.
What's Next for Locked in Legends
Right now, Locked in Legends is just getting started, and our upcoming roadmap is designed to take the experience to a whole new level:
*Item & Cosmetic Shop: To make studying completely addictive, a new marketplace will allow players to spend their hard-earned study currency on XP boosts, health potions, and epic character cosmetics. *Local Multiplayer Battles: For those who love competition, we will introduce local PvP matches, allowing friends to challenge each other right after a brutal study session to see who was truly more "locked in." *Dynamic AI Fight Bot: Solo players will be able to challenge an AI Boss whose difficulty and health pool scales dynamically based on the player's real-world focus time. *The AI Study Buddy: The ultimate companion, an integrated AI assistant that monitors daily habits, provides real-time posture reminders, and offers crystal-clear, step-by-step explanations for complex academic questions to ensure total subject mastery.
Log in or sign up for Devpost to join the conversation.