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
Watch video 🔴 Build a Realtime Chat App with Firebase | Authentication | Expo Router | React Native Projects online without registration, duration 03 hours 03 minute 44 second in high hd quality. This video was added by user Code With Nomi 14 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 44 thousand once and liked it 1 thousand people.