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

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

Рет қаралды 53,669

Code With Nomi

Күн бұрын

Пікірлер: 77

@rxn013 10 ай бұрын

You are the best react native developer i found in youtube. Thanks for all amazing videos 🎉

@LazerMarsupial 8 ай бұрын

This might be the most precise tutorial i have watched yet.. Great job!

@vinaydeveloper5496 9 ай бұрын

This tutorial is very useful to understand the concept of chat app functionallity. Thank You Very Much.

@MrRobots100 10 ай бұрын

This is neat, please clone more apps, I love the work you do

@JonathanPagani 6 ай бұрын

This is the most interesting tutorial for react native. Congratulation and thank you so much !

@randomaiuser 6 ай бұрын

Your UI is very beautiful

@franklou8086 9 ай бұрын

The best react native tutorial!

@rapidreasearchyt 6 ай бұрын

Sir, You are doing well, but.. abhi recently mene 2, 3 jaga Interview dia tha as a junior react native or jahan mei gya interview har kor cli pr hi kaam krra he, not in expo, almost saari companies cli use krri hen, so agr app cli pr projects bnaen to or bhi behtr hoga, jese aapne expensify ka project banaya tha, btw aapky foodrecipe wale project ki waja se company ne mujhe techinal interview pr bulaya and Im selected. Thnx for ur great work ❤❤

@codewithnomi 6 ай бұрын

Glad to help, will try creating cli tutorials 😉

@JorgeJoanRobles 5 ай бұрын

Thank you very much Nomi. You are the boss

@onagite 8 ай бұрын

You always upload the best ReactNative tutorials very clean code no typescript and no over engineering. Thank you 👍

@myanimebase6486 8 ай бұрын

Nativewind allows you to use "vh" and "vw", so no need for the extra library

@Shukie6174 6 ай бұрын

Brilliant tutorial, thank you. I think having isAuthenticated is redundant if you already have a state for user? Since user will be null if not authenticated.

@100xcoding 9 ай бұрын

i think you should at least give us the all type of assets uses in the project as free so most of the audience code along with you, By the way loved your content.

@codewithnomi 9 ай бұрын

You can find the assets link in the video description 😉

@NicolasDev-x5e 4 ай бұрын

@codewithnomi I will love to discuss something important with you, if you don't mind.

@paragonhd8700 9 ай бұрын

Thank you sir, This was huge for me

@starexgenius6388 6 ай бұрын

Is there a way to do it for group chat?

@lionelm.6673 Ай бұрын

Hello Nomi, this is another great video. Cheers. however, I have the following concern as a debutant regarding authentication: I noticed that in your "Full Stack Social Media App" series, you used one approach in handling authentication. Are both approach different ? If they are different which of them is the best approach ? Thanks again big time !

@mikehunt332 2 ай бұрын

Great tutorial. How easy would it be to add a notification (on-screen or sound) each time a new message is received? Thank you.

@ramaalfinbaehaqi7872 5 ай бұрын

include notification feature?

@keditsstatus6696 6 ай бұрын

in android the CustomKeyboardLayout 2:19:00 is working properly so there is no need to give the conditions 😊

@RonanThomas 8 ай бұрын

I followed along up to the end of the Firebase Auth part 1:25.:50. However its not creating a "users" collection for me? Any guidance on this Nomi?

@UserAliyev 10 ай бұрын

nice video. which library are You using for responsiblity for tablets?

@aaronfourie8495 2 ай бұрын

Make sure to update nativewind, tailwind and expo SDK in package.json and run 'npm i' if u using npm incase tailwind css doesn't work for some react-native components.

@borga456 2 ай бұрын

thanks my friend, you help m a lot

@PeterOne24 5 ай бұрын

Hi can I know why you using both nativewind and stylesheet here? For example your using padding using paddingTop instead of p-8

@Amazing_Crust 3 ай бұрын

do you have a video that uses firebase with firestore?

@itksports 7 ай бұрын

My tailwind css is not working please what should I do

@shandurrani4533 5 ай бұрын

why you have added react native app to web app, and manually setup firebase config instead of adding app to android/ios? Storing sensitive information such as Firebase configuration keys directly in your source code is not recommended? could you please guid on this, would be appreciated! Thanks

@RavisTechLab 2 ай бұрын

If you know tell me also

@adeltahmid_ 4 ай бұрын

Fantastic Nomi

@manidixit4186 3 ай бұрын

Hi Nomi , how can one add a group chat feature to this app ? Wonderful Video , I have been watching a lot of your videos

@vaibhavmimrot6893 5 ай бұрын

ReadableNativeArray cannot be cast to java.lang.Double error in app/_layout.js file. can you tell me how to resolve this?

@MuhammadFaizan-ws6cr 5 ай бұрын

what is expo router? can we do with installing it?

@DarkDevil26_YT 3 ай бұрын

in my expo app its show something went wrong what should I do?? please help anyone

@RavisTechLab 2 ай бұрын

Is it work on native app after building as we are not adding google servives.json etc files as documentation to native folfers. I m stuck with some error so please help

@jasim17 8 ай бұрын

can we do this in cli same ?

@largatonguyemmanuelcouliba9827 3 ай бұрын

does anyone know how to build this app with api key ?

@alfaloverss3116 4 ай бұрын

i face issue when i setup native wind

@pedrinhproductions1 7 ай бұрын

Bro, my project stopped working as soon as i finished the segments, and the app is not redirecting to Home. How can i fix that? tks man

@mhraihan7422 10 ай бұрын

great one thank you

@muhammadrayanmansoor4301 7 ай бұрын

Brother. What if we delete a user from the firebase console when its logged in a device. Will relaunching the app, automatically logout? The question arises because we persistent the user state in the local storage. Kindly shine light on this matter.

@alysson6450 9 ай бұрын

the chat, how do I so that when I create an account with one user I can add the other? because from what I see, any account I create lists all the users. I don't quite understand if there is a way for me to add a contact via email or phone number and have a conversation with the person I added

@ninys 5 ай бұрын

Does it logout when we reload the app or does the user stay logged in?

@fredrickapollo4282 10 ай бұрын

Nice work

@nurmuhammadhassan4573 7 ай бұрын

nice video i must say, can you add video and audio call functionality

@MarektAtJJ 5 ай бұрын

ReactnativePersistance not available under firebase/auth

@zw1441 4 ай бұрын

Try this solution but its only temporarily they said import * as firebaseAuth from 'firebase/auth'; const reactNativePersistence = (firebaseAuth as any).getReactNativePersistence; export const auth = initializeAuth(app, { persistence: reactNativePersistence(AsyncStorage), });

@engulfinglightning98 5 ай бұрын

how can i add a tab nav in this app?

@engulfinglightning98 5 ай бұрын

oh nvm, i just find another of your videos and it explains expo router, thanks so much!

@entertainmenttv8109 8 ай бұрын

hi nomi, why dont you name first letter of component capital instead of changing it in code? any logic behind?

@codewithnomi 8 ай бұрын

There's no logic behind it, you can use the first letter capital 😉

@entertainmenttv8109 8 ай бұрын

Thanks. How can I reach u for mentorship, because I am currently I am in a phase of learning. Or can u suggest any platform?? Specially for backend???

@ajaypatidar1892 8 ай бұрын

"Hey there! Can you please create a course on building React Native apps with WooCommerce API integration? It'd be super helpful! Thanks a bunch! 🙌"

@harratabdelmalek2062 7 ай бұрын

Should both phones that have this app installed in them be connected to same network inorder for this to work ? Or any network & the distance dosen't matter ?

@codewithnomi 7 ай бұрын

network & distance doesn't matter

@jasim17 8 ай бұрын

why you are using expo not cli ?

@tabaicanking3701 8 ай бұрын

Why not?

@jasim17 8 ай бұрын

@@tabaicanking3701 coz i am working in cli that's why 🥲 hope you'll understand 😩

@paulinkladi1689 9 ай бұрын

this works for me thanks a lot. but i've a question . for example if we want to build and deploy a real application, this firebaseConfig can be sufficient ? or if we want to use the same firebase project for different app like web and mobile, should we separate the app by using expo-prebuild and config firebase inside android and ios folder ? i've recently got an error message in MainApplication.java or kts file

@REALITY-h5c 8 ай бұрын

what is the terminal you use

@usmanmbup 7 ай бұрын

the terminal, it macOS

@Pan_Policjant 9 ай бұрын

what do i do The following packages should be updated for best compatibility with the installed expo version: react-native-reanimated@3.7.1 - expected version: ~3.6.2 Your project may not work correctly until you install the correct versions of the packages.

@codewithnomi 9 ай бұрын

Run "npm i react-native-reanimated@3.6.2" And restart the app.

@JamesYang-i4k 9 ай бұрын

@AbhishekKumar-nz9dn 8 ай бұрын

Might be an issue with ur file path

@lahirudilshan4722 4 ай бұрын

Hi nomi, I develop this and it's run perfectly. But I try build android apk using eas cli. I got error ':app:createbundlereleasejsandassets'. After try eject expo and build apk using android studio but didi not work '':app:compileDebugJavaWithJavac''. Can you tell me how to resolve this :( :(

@mahdeamar 10 ай бұрын

you doing great job thanks. there is some problems with VScode could you show us your extensions installations because VScode suggestion is not working with NativeWind