Manan (मनन) - Mental Health Companion App

AI-powered, privacy-first mental health companion app built with Flutter, Supabase, and Machine Learning.

🌟 Features

• Emotion Analysis: Multimodal emotion detection using face, voice, and text
• Animated Pie Chart Visualization: See your daily emotional stats with beautiful, animated charts
• AI Chatbot: Friendly AI companion to chat and support you
• Video/Audio Assessment: Record and analyze your mood using your camera and microphone
• Profile & Authentication: Secure sign-up, login, and profile management (Supabase Auth)
• Deep Linking: Seamless authentication and verification via email links
• Cross-Platform: Works on both Android and iOS
• Modern UI: Beautiful, accessible, and responsive Flutter design
• Privacy-first: Your data is securely stored and never shared

🛠️ Tech Stack

• Frontend: Flutter (Dart)
• Backend: Supabase (Postgres, Auth, Storage)
• State Management: Riverpod
• Routing: Go Router
• Animations: Flutter Staggered Animations, Lottie
• Typography: Google Fonts (Plus Jakarta Sans)

🎨 UI Implementation Status

✅ Completed Screens

1. Welcome Screen

   • Beautiful welcome illustration with animated floating icons
   • Brand introduction with "Manan" branding
   • Get Started button and Sign In link
   • Smooth animations and transitions

2. Onboarding Flow (5 Steps)

   • Step 1: Personalize Your Mental Health State with AI
   • Step 2: Intelligent Mood Tracking & AI Emotion Insights
   • Step 3: AI Mental Journaling & AI Therapy Chatbot
   • Step 4: Mindful Resources That Makes You Happy
   • Step 5: Loving & Supportive Community
   • Each step includes custom illustrations and animations
   • Progress indicator and smooth page transitions

🎨 Design System

• Color Palette: Warm, calming colors (browns, greens, oranges, purples)
• Typography: Plus Jakarta Sans with proper hierarchy
• Components: Custom buttons, animated illustrations, floating elements
• Theme: Consistent Material 3 design with custom styling

📱 UI Components Built

• CustomButton: Reusable button component with icon support
• FloatingIcons: Animated floating icons for welcome screen
• OnboardingIllustrations: 5 custom animated illustrations for each onboarding step
• AppTheme: Complete design system with colors, typography, and component styles

🚀 Getting Started

Prerequisites

• Flutter SDK (^3.7.0)
• Dart
• IDE (VS Code, Android Studio, or IntelliJ)

Installation

1. Clone the repository

git clone <repository-url>
cd manan

2. Install dependencies

flutter pub get

3. Run the app

flutter run

📁 Project Structure

lib/
├── main.dart                 # App entry point
├── theme/
│   └── app_theme.dart       # Theme configuration and design system
├── screens/
│   ├── welcome_screen.dart   # Welcome/landing screen
│   └── onboarding_screen.dart # 5-step onboarding flow
└── widgets/
    ├── custom_button.dart    # Reusable button component
    ├── floating_icons.dart   # Animated floating icons
    └── onboarding_illustrations.dart # Custom onboarding illustrations

🎯 Next Steps

Upcoming Features

• Authentication screens (Sign In/Sign Up)
• Dashboard/Home screen
• Mood tracking interface
• AI chatbot interface
• Profile management
• Settings screen
• Journal/diary feature
• Community features
• Resources library

Technical Improvements

• Supabase integration
• State management setup
• API service layer
• Local storage
• Push notifications
• Deep linking implementation

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Support

For support, email [your-email@example.com] or join our community Discord.

---

Manan (मनन) - Your mindful mental health AI companion for everyone, anywhere 🌱