Breathe

I built Breathe, a guided breathing web app to help me meditate. The interesting part: I didn’t write a single line of the code myself. The entire app was built by coding agents.

What it does

The app walks you through breathing sessions with a smooth animated circle that expands and contracts to guide your rhythm. It comes with built-in patterns — Box Breathing (4-4-4-4), 4-7-8 Relax, and Coherent Breathing (5-5) — and you can create your own custom patterns too. After each session, it tracks your history and shows stats with a breakdown per pattern.

There’s also user authentication (email/password and Google OAuth) so your sessions and custom patterns are saved across devices. If you go offline, sessions queue locally and sync when you’re back online.

Tech stack

It’s a monorepo with a Vue 3 frontend and a Hono.js backend:

• Frontend: Vue 3, Vite, Pinia, Vue Router, Tailwind CSS
• Backend: Hono.js, Prisma 5, SQLite via libSQL
• Auth: Better Auth
• Tooling: pnpm workspaces, Turbo

The breathing animation is driven by a custom composable (useBreathingEngine) that runs a state machine through inhale, hold, and exhale phases using requestAnimationFrame for smooth progress updates.

Why agents

I wanted to see how far I could push AI-assisted development on a real project. I handled the product direction, design decisions, and code review — the agents wrote the implementation, fixed bugs, and iterated based on feedback. It was an experiment in delegation, and the result is something I actually use daily.

Try it

The app is live at breathe.up.railway.app. The code is open source on GitHub if you want to explore how it works or fork it.