Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Modern Multi-User Chat App with React Native, Expo, Clerk and Appwrite - Real-Time

Code with Beto via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to develop a production-ready real-time multi-user chat application using React Native and Expo, integrating Clerk for authentication with Passkeys and Google Sign-In, and Appwrite as the backend service. Master the complete development process from project setup through deployment, starting with creating a new Expo app and configuring the development environment with dark interface styling. Implement comprehensive authentication flows using Clerk, including user registration, sign-in screens, and secure authentication management. Design and build chat interfaces with modern UI components, model chat data structures, and create dynamic chatroom displays using both dummy data and live backend integration. Set up Appwrite backend services by creating databases, configuring data models, and establishing secure connections between your mobile app and backend services. Develop core chat functionality including chatroom creation, message composition and sending, real-time message fetching by chatroom ID, and custom message list displays with personalized message item components. Implement real-time communication features using Appwrite's realtime listeners for instant message updates across all connected users. Build user profile management screens with advanced authentication features including passkey display, creation, and management for enhanced security. Throughout the tutorial, work with modern React Native development practices, state management, component architecture, and production-ready code patterns suitable for deployment to app stores.

Syllabus

00:00 Intro
00:51 Demo
05:15 Resources
05:40 Creating a New App
05:59 Resetting Project
06:55 Setting Dark Interface Style
07:33 Installing Dependencies
09:32 Setting Up Clerk
16:22 Adding Authentication Flow
27:11 Sign In Screen
41:20 Adding Chat Screens
49:20 Modeling Chat Data
52:48 Displaying Chatrooms with Dummy Data
59:04 Setting Up Appwrite
1:02:15 Creating a Database
1:07:45 Inserting Chatrooms
1:08:50 Configuring Appwrite in the App
1:12:47 Fetching Chatrooms
1:17:44 Creating Chatrooms
1:23:42 Chatroom Screen
1:26:08 Creating Messages
1:35:48 Fetching Messages by Chatroom ID
1:38:12 Customizing Messages List
1:40:08 Message Item Component
1:43:48 Adding Realtime Listener
1:45:59 Implementing Profile Screen
1:48:17 Displaying User Passkeys
1:50:09 Creating Passkeys
1:51:45 Conclusion

Taught by

Code with Beto

Reviews

Start your review of Build a Modern Multi-User Chat App with React Native, Expo, Clerk and Appwrite - Real-Time

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.