https://github.com/betomoedano/modern-chat-app
Real-time multi-user chat app built with React Native, Expo, Clerk, and Appwrite.
https://github.com/betomoedano/modern-chat-app
appwrite clerk expo react-native
Last synced: over 1 year ago
JSON representation
Real-time multi-user chat app built with React Native, Expo, Clerk, and Appwrite.
- Host: GitHub
- URL: https://github.com/betomoedano/modern-chat-app
- Owner: betomoedano
- License: mit
- Created: 2025-03-13T23:55:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-31T13:29:06.000Z (over 1 year ago)
- Last Synced: 2025-04-10T23:48:36.445Z (over 1 year ago)
- Topics: appwrite, clerk, expo, react-native
- Language: TypeScript
- Homepage: https://codewithbeto.dev
- Size: 798 KB
- Stars: 13
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://codewithbeto.dev/projects/modern-chat-app)
# 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](https://codewithbeto.dev/projects)
## 🚀 Video, Demo & Links
- 📱 [GitHub Repository](https://github.com/betomoedano/modern-chat-app)
- 💻 [Project Details](https://codewithbeto.dev/projects/modern-chat-app)
- 📺 [Video Tutorial](https://youtu.be/HKJdqJIDtMs)
- 🎨 [Figma Design](https://www.figma.com/community/file/1483864984697101015/chat-room-app)
## ⚡ Tech Stack
- [Expo](https://expo.dev/) - React Native framework
- [Clerk](https://clerk.dev/) - Authentication & user management
- [Appwrite](https://appwrite.io/) - Backend & real-time database
- [@legendapp/list](https://www.npmjs.com/package/@legendapp/list) - High-performance list components
## 🛠️ Setup & Installation
### Prerequisites
- [Clerk Account](https://go.clerk.com/Wt70O5j)
- [Appwrite Account](https://appwrite.io/)
- Apple Team ID (for passkeys on iOS)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/betomoedano/modern-chat-app.git
cd modern-chat-app
```
2. Install dependencies:
```bash
bun install
```
3. Configure environment variables:
Create a `.env.local` file in the root directory with:
```bash
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:
```bash
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](https://codewithbeto.dev/learn)
- [React with TypeScript Course](https://codewithbeto.dev/learnReact)
## 📄 License
This project is open source and available under the MIT License.