React Native Mental Health App with Stream Chat & Video Call

This is a React Native Mental Health App that leverages Stream's powerful chat and video calling capabilities to connect patients with therapists. The app features secure real-time messaging, video consultations, appointment scheduling, and support groups - all powered by Stream's robust communication infrastructure.

Key Stream features include:

• Real-time chat between patients and therapists
• Group chat rooms for support communities
• Secure video calling for remote therapy sessions
• Message history and thread discussions
• Rich messaging with reactions and attachments
• Presence indicators and typing events
• Moderation tools for content safety
• Video session recording and automatic transcription

Featured Packages:

• Expo Router file-based navigation
• Stream Chat for chat
• Stream Video for video call
• Stream Moderation for content moderation
• NativeWind for styling
• Expo Video for video playback
• Datetime Picker for date and time picker
• Jotai for state management
• React Hook Form for form handling
• Zod for schema validation
• React Native Incall Manager for audio handling
• React Native Secure Store for secure storage

---

🎥 Live Demo

Watch and build this mental health app step by step:

---

⚡ Start Building with Stream

Want to build your own AI-powered chat, audio, video, and feeds experience like this?

👉 Click here to create your free maker account on Stream

---

Setup

Environment Setup

Make sure you have the Expo CLI installed.

Because we are using pre-built and a custom development client, you should download Android Studio and Xcode to your Mac. For more information on setting up your development environment, refer to the Expo documentation for Android Studio and the React Native documentation for Xcode.

App Setup

To build the app, perform the following steps:

1. Clone the repository
2. Run npm install
3. Run npx expo prebuild
4. Run npx expo run:ios or npx expo run:android

API Setup

1. Clone the Auth API
2. Follow the instructions and add your Stream credentials in the .env file
3. Update the .env file in the Expo project with your API URL

Demo

App Screenshots

Stream Screenshots

🚀 More

Take a shortcut from web developer to mobile development fluency with guided learning

Enjoyed this project? Learn to use React Native to build production-ready, native mobile apps for both iOS and Android based on your existing web development skills.