FocusDen

Opening Page
When the user is looking at their screen.
Lion starts to cry when the user looks away for too long
Viewing Statistics
Item Shop
Settings Page

Inspiration

Created to address the growing challenge of maintaining focus in our digital age, FocusDen combines cutting-edge AI technology with gamification to make focus tracking fun and engaging.

What it does

FocusDen is an innovative browser extension that uses AI-powered eye tracking to help you maintain focus during work or study sessions. It gamifies the focus-tracking experience with a cute pixel lion companion!

How we built it

We used React, Typescript, WebGazer.js, Tailwind CSS, and Custom Made Sprites + Animation

Challenges we ran into

The A.I couldn't tell if we were looking at our screen based on our pupil movement alone so to fix that we incorporated head movement as well so its easier for the A.I to tell if your looking at the screen.

Accomplishments that we're proud of

Accurate Eye Tracking: Achieved reliable gaze detection without specialized hardware Engaging Gamification: Created a fun reward system that encourages focus

What we learned

AI Integration: Gained experience with browser-based machine learning Extension Development: Learned browser extension architecture and best practices Real-time Processing: Mastered handling continuous video and AI processing

What's next for FocusDen

Social Features: Adding friend challenges and focus leaderboards AI Improvements: Implementing more advanced focus detection algorithms Customization: Adding more companion characters and accessories Deployment: Launch it as a chrome extension.