🔴 Build a Realtime Chat App with Firebase | Authentication | Expo Router | React Native Projects
Hello everyone , in this video we will build a fully functional chat app using firebase.
What You Will Learn:
- Firebase Authentication
- Firebase Messaging
- Responsiveness
- TailwindCSS (Nativewind 4)
- Lottie Animations
- Image Caching
- Cross-Platform Compatibility
Source Code:
️ Assets:
Add TailwindCSS in React Native:
Learn Expo Router:
Firebase Fuctions(setDoc, addDoc):
Firebase Queries:
Expo Router Authentication:
Learn Expo Router:
Expo Router Installation:
Nativewind installation:
Reanimated installation:
If you appreciate my work and you would like to support my channel:
more videos on react native:
Fitness App:
Food Recipe App :
Movie App :
Onboarding UI with Lottie Animations:
AI Voice Assistant with ChatGPT & DALL-E :
Travel App UI :
Weather App :
Coffee App UI :
Food Delivery App :
Youtube Clone App:
Login | SignUp UI :
Fast Food App :
App Store UI :
Fruit Shop UI :
Firebase Authentication React Native:
Food Delivery App :
Learn React Native:
Learn Reactjs:
hashtags & keywords
▬▬▬▬▬▬▬▬▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬
00:00 - Create App
15:03 - Authentication
28:26 - SignIn & SignUp UI
59:01 - Firebase Auth
01:30:59 - Chat List Header
01:48:31 - Fetch Users
02:05:35 - Chat Room UI
02:21:48 - Chat Room Messages
02:45:36 - Last Message
02:59:47 - Final Demo
