🔴 Build a Realtime Chat App with Firebase | Authentication | Expo Router | React Native Projects

Опубликовано: 14 Февраль 2024
на канале: Code With Nomi
44k
1k

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


Смотрите видео 🔴 Build a Realtime Chat App with Firebase | Authentication | Expo Router | React Native Projects онлайн без регистрации, длительностью 03 часов 03 минут 44 секунд в хорошем hd качестве. Это видео добавил пользователь Code With Nomi 14 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 44 тысяч раз и оно понравилось 1 тысяч людям.