Cutie's Focus Room

Home Page
Trends Page

Inspiration

We wanted to build something that actually helps students manage stress, especially during long study sessions, but still feels fun and magical. A lot of mental health tools feel clinical, so we thought a fantasy-style emotional companion would make the experience lighter and less intimidating. That mix of AI, wellness, and creativity is what inspired Cutie’s Focus Room.

What it does

Cutie’s Focus Room uses your webcam to sense your emotion in real time and reacts through an animated fantasy creature that changes its behavior and environment based on your mood. It guides you through focus “quests,” gives supportive AI-generated messages, and evolves as you complete tasks. Over time, it learns your patterns and builds a personal calming style just for you.

How we built it

We built the backend in Python and connected it to Gemini for emotion detection and dialogue generation, then used plain HTML/CSS/JavaScript for the whole front end. The creature animations and ambient environments run on a simple canvas system that reacts instantly to emotion updates from the backend. We tied everything together with a quest timer, a small XP system, and a memory file that stores user preferences.

Challenges we ran into

One big challenge was getting stable emotion detection from webcam frames without lag, especially since we weren’t using any front-end libraries. We also struggled with timing the creature’s reactions so they felt natural and not overwhelming. Designing a UI that stayed simple while still giving off a fantasy vibe took a surprising amount of trial and error.

Accomplishments that we're proud of

We’re really proud that the entire system runs with no front-end frameworks but still feels smooth and responsive. Getting the creature to evolve based on the user’s emotional trends felt like a huge accomplishment because it adds so much personality to the project. Seeing the whole environment shift based on stress levels was the moment everything clicked.

What we learned

We learned how to balance technical constraints with creative design, especially when mixing AI with real-time animations. Using Python to drive emotion detection and then pushing those updates into a pure JS frontend taught us a ton about data flow and optimization. Most importantly, we learned how small UI choices can completely change how “comforting” a system feels.

What's next for Cutie's Focus Room

We want to add more creature evolutions, more micro-interventions, and maybe even a voice-based conversation mode. We’re also thinking about making a full dashboard that tracks long-term emotional trends to help students understand their study habits. Eventually, we’d love to support mobile devices and maybe even add a tiny hardware companion for an even more immersive experience.