Breathing Exercise App

A beautiful, interactive breathing exercise application with 3D visualization and customizable patterns - Built during codecircuilt hackathon.

Features

• 🎯 Multiple breathing patterns (Calm, Focus, Balance, Deep)
• ⚡ Custom breathing patterns with personalized timings
• 🌟 Interactive 3D breathing sphere visualization
• 📊 Session tracking and statistics
• 🎨 Beautiful, theme-based UI
• ⏱️ Session timer and countdown
• 📱 Responsive design
• 💡 Help system with clear instructions

Tech Stack

• React
• TypeScript
• Three.js (3D visualization)
• Tailwind CSS
• Zustand (State management)
• React Router

Quick Setup

1. Clone the repository:

git clone https://github.com/parthsali/Breathing-App.git
cd breathing-app

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open http://localhost:5173 in your browser

Usage

1. Select a breathing pattern or create your own
2. Set session duration
3. Click 'Start' and follow the breathing sphere
4. Track your progress in the Stats page