Mental Health Manager

• 

  it shows the uses of the app in brief but for detail check the youtube video

Inspiration Growing mental health crisis and lack of tools that address both mind and body. Desire to create a supportive, accessible, all-in-one platform.

What it does Tracks moods with rich emotional vocabulary. Offers 20+ guided breathing and meditation exercises. Provides an AI-powered, therapist-like companion. Physical health features: calorie counter, hydration & step tracker, weight graphs, heartbeat monitor.

How we built it Frontend: HTML, CSS, JavaScript for a calming, responsive UI. Features: Forms, animations, and counters for core interactions. Future plans: Node.js backend, database storage, wearable integrations.

Challenges we ran into Creating an empathetic AI assistant. Integrating physical health monitors without wearables. Balancing many features while keeping the design simple. Accomplishments that we're proud of

A holistic platform for both mental and physical health. Professional UI/UX with encouraging user experience. Unique set of breathing animations for emotional states.

What we learned Importance of empathetic design in mental health tools. Balancing complexity with simplicity in health apps. Improved frontend and UI/UX development skills.

What's next for Mental Health Manager Connect to real AI models for therapy-like chat. Add wearable integrations (heart rate, steps). Backend storage for long-term progress. Mobile app release for accessibility.

Built With

• chart.js
• code
• css
• for
• graphs)
• html
• javascript
• local
• server)
• testing
• vs
• xampp