✨ About Studia Studia is a minimalist, calming, ADHD-friendly study platform built to help students focus, stay organized, and feel in control of their learning, especially during high-stress moments like exams.

💡 What Inspired It I built Studia during my final college exams, at a time when my ADHD made it hard to juggle tasks, stay on track, and avoid distractions. I kept opening multiple tabs—YouTube, timers, chat apps, notes, AI tools—and realized:

“Why can’t everything I need just live in one clean, focused place?”

So I made it.

🔧 How I Built It Frontend: Bolt.new AI web builder with React, Tailwind, and Spline 3D

Backend & Auth: Supabase (Auth, DB, Storage)

Payments: Stripe integration for tiered plans

AI: Integrated OpenRouter with Google Gemini for chat + planning

🧠 Features ✅ Focus timer with real SFX and Pomodoro sessions

✅ AI chat assistant that knows your study context

✅ Full-screen PDF study mode with drawing + notes

✅ Mood-based UI: switch between “Anxious”, “Meh”, and “In the Zone”

✅ Clear My Mind button: for overwhelmed moments

✅ Study streaks, customizable dashboard, music player, and more

🧱 What I Learned How to use AI to assist, not distract—especially for neurodiverse users

Implementing Stripe and Supabase Edge functions

Creating an emotionally aware UI through mood-based visuals

The importance of calming, responsive design in education apps

🧗‍♂️ Challenges I Faced Building complex features under tight deadlines

Making the AI assistant feel useful but not overwhelming

Getting full-screen Spline animations to work in different browsers

Handling Supabase auth + database edge cases without breaking flow

🙌 Final Thoughts Studia isn’t just an app. It’s a space. A place where the clutter is gone, the mind is calm, and study time becomes sacred.

I built it for myself, and for anyone else who’s ever felt overwhelmed by school and tabs and to-do lists. And this is just the beginning.

⚠️Studia includes a built-in ambient music player that streams calming study music via YouTube’s official embed API. It features publicly available streams from Lofi Girl to simulate a focused study environment. ⚠️All content is streamed directly via YouTube and not stored or redistributed. This feature is for non-commercial, prototype use only.

Built With

  • bolt.new
  • netlify
  • supabase
Share this project:

Updates