MindBloom: Quit the rot. Start the bloom. 🌱

Inspiration

Let's be real—we're all victims of "brain rot." You sit down to study, open your phone to check one notification, and suddenly it's 2 AM and you've been doomscrolling TikTok for four hours. The guilt sets in, but the cycle repeats the next day. We were tired of fighting our own brains. We wanted to build something that didn't just block apps (because we just bypass those anyway), but something that actually made focusing feel rewarding. We wanted to turn the fight against distraction into a game where we could "lock in" together. That's how MindBloom was born.

What it does

MindBloom is the ultimate anti-rot companion. It gamifies your focus sessions and uses social pressure (the good kind) to keep you on track.

🌱 Plant Your Focus: When you start a timer, you plant a digital seed. As long as you stay focused, it grows into a cool pixel-art tree. If you leave? It withers.
🚫 PlantGuard (The Rot Blocker): Our intelligent app blocker stops you from opening distracting apps. It literally saves you from yourself.
⭕ Friend Circles: Study with your squad. Create a circle, compete on leaderboards, and roast each other if someone's tree dies. It's accountability, but fun.
📊 Heatmaps: We built a GitHub-style contribution graph for your brain. Filling up those squares with green is weirdly satisfying.

How we built it

We wanted to use a modern stack that we could actually ship.

The Look: We went with a pixel-art forest aesthetic because it's chill and nostalgic. Everything was styled with Tailwind CSS to look good on any device.
The Brains: The frontend is Next.js (React) for speed, and the backend is Python (FastAPI) because it handles the logic perfectly.
The Glue: We used Supabase for literally everything else—real-time database (so you see your friend's score update instantly), auth, and storage. It saved us so much time.

Challenges we ran into

Making it Responsive (The Nightmare): We realized halfway through that nobody uses a focus app on their desktop—they use their phones! We had to totally rewrite our CSS to make the heatmaps and dashboards work on tiny screens (specifically the 390px iPhone width). It was a pain, but we fixed the horizontal scrolling issues and it looks clean now.
Real-time Everything: Syncing the plant's growth stage across all your friends' devices in real-time was tricky. We had to learn how to efficiently update state without melting the database.
App Blocking Permissions: Getting the app to actually detect and block other windows on the OS level was a whole new world of system permissions for us.

Accomplishments that we're proud of

It actually works on mobile: Seriously, shrinking a complex dashboard into a phone screen without breaking it felt like a huge win.
The "Vibe": The app just feels good to use. The animations, the sounds when your plant evolves—it makes you want to keep focusing.
We finished! Integrating a full social system with friend codes, circles, and leaderboards in just a weekend was a massive sprint, but seeing it all come together was worth it.

What we learned

Mobile-first is real: Next time, we're starting with the mobile design first, not fixing it at the end.
Supabase is a cheat code: It handled so much of the backend complexity that we could focus on making the frontend look sick.
UI matters: A focus app has to be calming. If the UI is cluttered or ugly, it just adds to the stress.

What's next for MindBloom

More Plants: Unlocking rare species (cactus, cherry blossom) for hitting huge streaks.
"Study with Me" Mode: A live room where you can see your friends' plants growing in real-time.
Phone App: Wrapping this into a React Native app so we can put it on the App Store. Note: the project is in the branch "benny".