Modern Chat App

A real-time multi-user chat application built with React Native and Expo, featuring seamless authentication, modern UI, and real-time updates. Built with Clerk for Passkeys & Google Sign-In and Appwrite for the backend.

🔍 Explore more innovative projects and tutorials at codewithbeto.dev/projects

🚀 Video, Demo & Links

• 📱 GitHub Repository
• 💻 Project Details
• 📺 Video Tutorial
• 🎨 Figma Design

⚡ Tech Stack

• Expo - React Native framework
• Clerk - Authentication & user management
• Appwrite - Backend & real-time database
• @legendapp/list - High-performance list components

🛠️ Setup & Installation

Prerequisites

• Clerk Account
• Appwrite Account
• Apple Team ID (for passkeys on iOS)

Installation

1. Clone the repository:

   git clone https://github.com/betomoedano/modern-chat-app.git
   cd modern-chat-app

2. Install dependencies:

   bun install

3. Configure environment variables:

   Create a .env.local file in the root directory with:

   EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=your-key-here
   EXPO_PUBLIC_APPWRITE_APP_ID=your-app-write-app-id

4. Update the app.json with your cleerk front end api

5. Start the development server:

   npx expo start

📱 Features

• 🔐 Secure authentication with Clerk (Passkeys & Google Sign-In)
• 💬 Real-time chat functionality
• 🎨 Modern UI
• 📱 Cross-platform compatibility
• 🎯 TypeScript for type safety

🎓 Learning Resources

Want to learn more about React Native development? Check out:

• React Native Course
• React with TypeScript Course

📄 License

This project is open source and available under the MIT License.