Case Study
app.breath.click

The Story

Built with Claude Code in my spare time after work and weekends. What started as a simple experiment with new AI tools quickly evolved into a full-fledged wellness product. The entire journey — from scratch to production — took just 25 days, greatly helped by the "winter of the decade" keeping me indoors.

What Is breathclick?

A wellness and productivity web application that combines three disciplines into one seamless, deeply customizable experience.

Breathe

Guided breathing techniques — 4-7-8 Relaxation, Belly Breathing with rhythm variants, video-guided experiences. Animated visual guides, configurable cycles, session tracking.

Focus

Three timer engines: classic Pomodoro, Ultradian Rhythm, and Flowtime with mood-aware feedback. Integrated task management with emoji and color-coded priorities.

Experience

Engaging, immersive workspace for productivity and recovery that blends beautiful themes, lo-fi music, ambient soundscapes, and subtle micro‑interactions into one cohesive environment designed to support focus and calm.

breath.click user interface
User Interface

Project Stats

25
Days to Production
72
Commits
175
TypeScript Files
66
React Components
41
API Endpoints
16
Database Models
13
Zustand Stores
15
Custom Hooks

Tech Stack

Next.js 14 TypeScript Tailwind CSS Zustand Prisma PostgreSQL NextAuth.js Framer Motion Howler.js Vercel Claude Code

What's Next

breathclick is evolving from a personal project into a B2B2C product — a model I have commercial experience building in. The vision is to bring wellness tools into workplace environments, offered through employers to their teams, and the application’s architecture has already been deliberately designed for this next stage: scalable, multi‑tenant and ready for enterprise use. The current foundation supports future extensions such as i18n/l10n for multilingual deployments, fine‑grained ACL and role‑based access control, robust media asset management pipelines, and an event‑driven setup ensuring smooth expansion of asynchronous features. It’s also prepared for SSO integrations, observability tooling, feature flagging, API‑first partner integrations and flexible tenant isolation — all making the platform ready for the demands of a mature SaaS product.

The current challenge? Building an effective marketing page. In 2026, with AI‑augmented development, creating the product itself is the easier part. Cutting through noise, communicating value, and acquiring users — that's where the real work begins. And to stand out, the page needs a unique, intentionally crafted design that doesn’t look like yet another layout generated from a simple prompt.

app.breath.click