Focusly

Focusly is an AI learning companion for neurodivergent learners. It turns confusing text into short, step-by-step chunks with voice and quick practice, helping students focus and understand with ease.

Comment

Inspiration

Most learning tools assume that if you don’t understand something, you just need a better explanation. But as someone who is neurodivergent, I’ve experienced that the real issue is often how information is presented.

Dense text, long explanations, and overwhelming formats can make even simple concepts feel inaccessible. I wanted to build something that doesn’t just explain better, but restructures learning in a way that actually works for different kinds of minds.

That’s what inspired Focusly.

What it does

Focusly is an AI-powered learning companion designed for neurodivergent learners. It takes complex or confusing text and transforms it into:

  • Short, step-by-step chunks
  • A guided Focus Mode that shows one idea at a time
  • Voice playback for auditory support
  • Simple quiz questions for reinforcement

Instead of overwhelming users with information, Focusly helps them process it gradually and confidently.

How we built it

We built Focusly as a lightweight, single-page React application focused on clarity and speed.

  • Frontend: React (hooks) + Tailwind CSS
  • AI Processing: Google Gemini API for simplifying content and generating quiz questions
  • Voice: ElevenLabs API for natural, calm audio playback

Gemini processes user input and returns structured JSON, which we render into clean, digestible steps. ElevenLabs generates audio for each chunk so users can listen at their own pace.

We intentionally avoided backend complexity to keep the system reliable and demo-ready.

Challenges we ran into

One major challenge was getting consistent, structured output from the AI. We had to carefully design prompts and handle cases where the response wasn’t valid JSON.

Another challenge was avoiding feature creep. It was tempting to add more functionality, but we had to stay disciplined and focus on what actually improves learning.

We also spent time refining the UI to ensure it felt calm, simple, and non-overwhelming—especially important for our target users.

Accomplishments that we're proud of

  • Creating a clean, focused user experience tailored for neurodivergent learners
  • Successfully integrating Gemini to produce structured, usable learning content
  • Building a smooth end-to-end flow from input → explanation → audio → quiz
  • Designing a product that feels meaningfully different from typical AI tools

What we learned

  • Simplicity is more powerful than complexity
  • UX design is just as important as the underlying AI
  • Prompt engineering is critical for reliable outputs
  • Accessibility requires intentional design decisions, not just added features

What's next for Focusly

We want to expand Focusly by:

  • Supporting different learning styles (ADHD, dyslexia, etc.)
  • Adding personalization based on user behavior
  • Improving real-time adaptability of explanations
  • Integrating with school materials and platforms

Our goal is to make Focusly a tool that truly adapts learning to the student,not the other way around.

Built With

Share this project:

Updates