🔴 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: https://links.codewithnomi.com/fireba...

🏞️ Assets: https://drive.google.com/uc?export=do...

Add TailwindCSS in React Native:    • Add Tailwind CSS In Your React Native...  
Learn Expo Router:    • Build complex layouts with Expo Route...  


Firebase Fuctions(setDoc, addDoc): https://firebase.google.com/docs/fire...
Firebase Queries: https://firebase.google.com/docs/fire...
Expo Router Authentication: https://docs.expo.dev/router/referenc...
Learn Expo Router:    • Build complex layouts with Expo Route...  

Expo Router Installation: https://docs.expo.dev/routing/install...
Nativewind installation: https://www.nativewind.dev/v4/getting...
Reanimated installation: https://docs.swmansion.com/react-nati...

If you appreciate my work and you would like to support my channel: https://www.buymeacoffee.com/codewith...




🚨 more videos on react native:

Fitness App:    • 🔴 Build a Fitness App in React Native...  

Food Recipe App :    • 🔴 Build Food Recipe App in React Nati...  

Movie App :    • 🔴 Build Movie App Using React Native ...  

Onboarding UI with Lottie Animations:    • 🔴 Onboarding UI with Lottie Animation...  

AI Voice Assistant with ChatGPT & DALL-E :    • 🔴 Build a React Native Voice Assistan...  

Travel App UI :    • 🔴 Travel App UI | React Native Tutori...  

Weather App :    • 🔴 Build Weather App Using React Nativ...  

Coffee App UI :    • 🔴 Coffee App UI - React Native Tutorial  

Food Delivery App :    • 🔴 Build Food Delivery App Using React...  

Youtube Clone App:    • 🔴 Youtube Clone - React Native Tutorial  

Login | SignUp UI :    • 🔴 Login | SignUp UI - React Native Tu...  

Fast Food App :    • 🔴 Fast Food App UI - React Native Tut...  

App Store UI :    • 🔴 App Store UI - React Native Tutorial  

Fruit Shop UI :    • 🔴 Fruit Shop UI - React Native Tutorial  

Firebase Authentication React Native:    • React Native Firebase Authentication ...  

Food Delivery App :    • Food Delivery App with React Native  

Learn React Native:    • Build Expensify App With React Native  

Learn Reactjs:    • Modern React For Beginners  


hashtags & keywords
#expo #reactnative #tailwindcss #javascript #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript


▬▬▬▬▬▬▬▬▬ 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