Focus-Flow

Inspiration

We wanted to help people with ADHD feel empowered, not overwhelmed, and to create something so user‑friendly that even a 5‑year‑old could navigate it. Many productivity tools expect users to already be organized and are cluttered or confusing. FocusFlow flips that by doing the hard work of structuring tasks, coaching users gently with AI, and providing a cleaner, more approachable experience than any other tool.

What it does

FocusFlow breaks big projects into small, clear steps, schedules reminders automatically, and offers encouraging prompts through personalized AI coach profiles and gamified focus sessions. It combines psychology-informed design with a calming, modern interface.

How we built it

We used React 18 and Tailwind CSS for a responsive, clean UI, Framer Motion for smooth animations, and OpenAI’s NLP models for intelligent task breakdown and motivational messaging. Firebase handles real-time data sync and notifications.

Challenges we ran into

Designing animations that feel smooth without overstimulating ADHD users.
Making AI output actionable and not generic.
Balancing a professional look with playful micro-interactions.

Accomplishments that we're proud of

Creating a UI that’s both beautiful and cognitively friendly.
Implementing personalized AI coaching styles to match user preferences.
Building a working prototype with seamless animations and smart reminders in a hackathon timeframe.

What we learned

Minimalism, color psychology, and micro-interactions can significantly improve focus for neurodiverse users.
AI task breakdown works best when combined with human-centered design, not as a standalone feature.
Smooth motion design enhances user delight when used purposefully.