MindBridge

Inspiration We thought of mental health due to the topic’s urgency and felt it was important to provide an accessible, judgment‑free space for anyone to start a conversation and feel heard.

What it does MindBridge is a cross-platform mobile app (iOS & Android) where users can:

• Chat 24/7 with an AI-powered “listening companion” trained to provide empathetic responses.

• Track mood over time using quick daily check-ins.

• Explore curated self-care exercises (breathing guides, journaling prompts, grounding techniques).

• Connect to emergency resources or local hotlines when deeper support is needed.

How we built it

• Frontend: React Native on Expo — npx expo start gets you running in seconds. We used React Navigation for smooth in-app flows and Recoil for lightweight state management of user sessions and mood logs.

• Deepseek API: We crafted custom prompt templates to ensure empathetic tone and mental-health safety filters.

• Backend: Node.js + Express with Firebase Auth for anonymous email/password login and Firestore for storing user profiles and mood-check history.

• Styling: Tailwind CSS for React Native (twrnc) to speed up layout and ensure a consistent, calming color palette across screens.

Challenges we ran into

• AI Safety: Tuning the prompts so the bot stays compassionate without giving harmful advice. We added a keyword-blocklist and fallback messages.

• Performance on Mobile: Expo’s JS bundle was growing too large. We optimized by lazy-loading non-critical components and pruning unused assets.

• UX for Sensitive Topics: Crafting onboarding flows that feel supportive rather than clinical required multiple design iterations and user testing.

Accomplishments that we’re proud of

• Built a fully functional MVP in 48 hours at DreamHacks.

• Implemented end-to-end encrypted chat logs, so users can feel secure sharing private thoughts.

• Integrated real-time sentiment analysis to adapt the bot’s tone dynamically.

• Received overwhelmingly positive feedback from our on-site demo testers—many said they’d actually use MindBridge daily.

What we learned

• The importance of rigorous prompt-engineering: small tweaks in system messages dramatically changed the bot’s empathy level.

• Designing for mental-health apps demands extra attention to accessibility (high contrast, large fonts) and careful wording.

• Rapid prototyping with Expo + React Native is a game-changer for hackathons—being able to preview changes instantly on our phones kept our momentum high.

What’s next for MindBridge

• Add voice input/output so users can speak naturally, reducing text fatigue.

• Implement peer-support circles where users can opt in to anonymous group chats moderated by AI.

• Expand our resource database with location-based professional services and crisis lines.

• Launch a closed beta to gather real-world usage data and iterate on conversation flows before a wider public release.

Built With

• a-node.js-and-express-server-handles-authentication-and-data-storage-through-firebase-auth-and-firestore
• and-our-ai-powered-chat-functionality-is-powered-by-openai?s-gpt-4
• consistent-design-system.-on-the-backend
• mindbridge-was-built-on-a-foundation-of-react-native-and-expo
• secure
• which-allowed-us-to-rapidly-prototype-and-deploy-a-unified-ios-and-android-experience.-we-used-react-navigation-for-intuitive-screen-flows-and-recoil-for-lightweight-state-management
• while-leveraging-tailwind-css-(via-twrnc)-to-maintain-a-clean
• with-custom-prompt-templates-and-safety-filters-ensuring-compassionate