Inspiration
As someone who has struggled with finding mental health resources, I've experienced firsthand how overwhelming and isolating it can feel when you need help but don't know where to turn. During my own mental health journey, I spent hours googling "therapists near me" only to find outdated listings, full practices, or resources that were miles away. The breaking point came during a particularly difficult period when I needed immediate support but couldn't navigate the maze of mental health services in my city.
What it does
Mindmap bridges the gap between people in need and local resources , differentiating itself by using these unique approaches: -Smart Resource Discovery: Users can find therapists, counselors, support groups, and mental health clinics in their area with real-time availability and detailed information.
- Location-Aware Mood Tracking: Track your emotional state with geographic context to identify patterns - maybe you feel better in certain neighborhoods or struggle more in specific locations. -Wellness Walks: Discover nearby parks, trails, and peaceful spaces perfect for mental health walks and outdoor therapy.
- Emergency Resources: One-tap access to crisis hotlines and immediate support when you need it most.
- AR Wellness Scanner: Using AI-powered computer vision, scan your environment to identify wellness-boosting elements like nature, art, and calming spaces. -Gamified Wellness: Earn points for mood tracking and wellness activities, making mental health care engaging and rewarding. -Advanced Analytics: Get insights into your mental health patterns with trend analysis, spatial clustering, and predictive modeling.
How I built it
Frontend: Pure HTML/CSS/JavaScript with a modern, accessible design system
-Custom CSS variables for consistent theming -Responsive design that works on all devices -Progressive Web App (PWA) capabilities for offline use
Mapping & Location: Google Maps JavaScript API with Places API
-Real-time geolocation and resource discovery -Custom map styling for a clean, therapeutic aesthetic -Advanced search algorithms with fallback strategies for poor connections
Backend & Data: Firebase ecosystem
-Firestore for real-time mood data storage -Anonymous authentication for privacy -Offline persistence for reliable access
AI & Computer Vision: TensorFlow.js with COCO-SSD model
-Real-time object detection for wellness scoring -Browser-based AI processing for privacy -Custom wellness scoring algorithm for environmental analysis
Advanced Features:
-Custom heatmap overlays for mood visualization -Circuit breaker pattern for robust API handling -Exponential backoff and retry logic for unreliable connections -Comprehensive analytics with predictive modeling
Challenges I ran into
-Cross-Browser Compatibility: Getting the AR features working across different browsers and devices was challenging. I implemented feature detection and progressive enhancement to ensure core functionality works everywhere. -Privacy vs. Functionality: Balancing useful location-based features with privacy protection required careful design. I implemented anonymized data collection and local-first data storage.
## Accomplishments that I'm proud of
- Innovative AR Integration: Successfully combined computer vision AI with mental health applications - scanning environments for wellness factors is genuinely novel.
- Performance Optimization: Achieved smooth 60 FPS performance even with real-time AI processing and map rendering.
- Privacy-First Architecture: Built anonymous data collection and local-first storage that protects user privacy while enabling community insights.
What I learned
-Mental Health Domain: Gained deep understanding of mental health resource challenges and the importance of accessible, stigma-free design. -User Experience: Discovered that the most technically impressive features mean nothing if users can't access them when they're in crisis. Simplicity and reliability easily beat complexity.
What's next for MindMap Mental Health App
I plan on incorporating the following:
- Global Expansion: Adapt the platform for different countries' mental health systems and cultural contexts.
- Native Mobile App: Build React Native version with enhanced offline capabilities and push notifications for appointment reminders.
- Research Partnership: Collaborate with mental health researchers to contribute anonymized community data for public health insights. -Medication Management: Add location-aware pharmacy finding and prescription management features.
Built With
- css
- google-maps
- html
- javascript
- tensorflow.js

Log in or sign up for Devpost to join the conversation.