Bubbles

Inspiration

Bubbles started from a personal need. I kept noticing how easy it was to feel overwhelmed by all the different things I was trying to do in life — career, health, relationships, creative projects. Every app I tried felt either too cluttered or too rigid. I didn’t want another to-do list. I wanted something simple and visual that could help me focus on what matters in each area of my life, one step at a time. That’s when the idea of “bubbles” came to me. Each one represents a life area, with just one project to focus on at a time.

What it does

Bubbles is a minimalist app that helps you stay clear and focused across different areas of your life. You create a bubble for each life domain, like Health or Career, and assign one active project to each. When you finish a project, you mark it complete and can add a new one. It’s designed to help you see your life at a glance without getting overwhelmed — more clarity, less clutter.

How I built it

I built Bubbles using Bolt.new, which made it surprisingly easy to go from idea to working app without writing code. I shared my design sketches, described how the app should behave, and Bolt handled the heavy lifting. I also used Supabase to manage the data — things like storing each user’s bubbles and current projects.

Challenges I ran into

The biggest challenge was getting the bubbles to move and reposition smoothly. Since the app is visual and animated, I wanted the movement to feel satisfying, not janky. It took a bit of experimenting and debugging to get the experience to feel just right.

Accomplishments I’m proud of

I’m proud of how quickly it came together and how close it feels to my original vision. The interface is clean, the UX feels calming, and it’s already helping me focus better in my own life. I also loved being able to build something functional and beautiful without touching code.

What I learned

This project reminded me that you don’t need to be a developer to build something meaningful. With tools like Bolt and Supabase, what matters most is having a clear vision. I also learned that simplicity is powerful — people don’t always want more features, they want more clarity.

What’s next for Bubbles

Next, I want to collect feedback from users and refine the experience based on how they actually use it. One idea I’m exploring is adding a lightweight journaling feature inside each bubble, so people can reflect on their progress and stay connected to their intentions. Over time, I’d love to grow Bubbles into a peaceful little ecosystem for intentional living.

Built With

• authentication
• bolt.new
• css
• dnd-kit-(for-drag-and-drop-functionality)-icons:-lucide-react-backend/database:-supabase-(postgresql-database
• edge-functions)-deployment:-netlify-other-tools:-eslint-(for-linting)
• framer-motion-(for-animations)
• framermotion
• javascript
• javascript-(jsx)-frontend-framework/libraries:-react
• jsx)
• netlify
• react
• supabase
• tailwind
• tailwind-css-(for-styling)
• typescript
• vite
• vite-(as-the-build-tool)