React Native Full Stack App | React Native Course | Build Pet Adopt App | Expo, Firebase

[@umairahmed8667]

Highly recommended must make a pet adoption web app using react js ,tailwind CSS and Firebase to connect both of them app and web on same database. The pet adoption app that you make before 💯💯

[@voicenotes4192]

Exactly

[@martygo]

Congrats. All videos are great ❤🚀🚀.

[@tubeguruji]

@@martygo thanks

[@chepparmaps]

@Tubeguruji, quite a detailed tutorial. I completed this tutorial in 4 days since launch. Thank you

[@tubeguruji]

Great !. You can share screenshot on my instagram DM or mail us on [e-mail]

[@SoapCS2]

BRO always delivers Great Projects

[@tubeguruji]

Appreciate that

[@hubesh716]

can you please make it a one with push notifications sockets with real time conversations plz i hope the next app includes these technologies

[@tubeguruji]

Sure. Will do

[@shrawankumar3897]

This project can be included in my resume

[@kelvinnyagah4169]

great tutorial! Greetings from Nairobi Kenya

[@devilking3307]

Could you please make one with cli although it's difficult to setup but then we'll also get to know how not to be dependent on expo and make scalable projects like this, please consider making one example like this in cli.

[@tubeguruji]

Sure

[@sqliao]

Great tutorial you help me a lot, greeting from chile

[@mileslegend]

hurray am the first to comment ....... Another Tube Guruji Banger ...the man keeps on lifting the bar ......you r amazing ....

[@tubeguruji]

Thanks a ton

[@Redstarcrew]

This is a fantastic project, thanks sir

[@tubeguruji]

You are welcome

[@raviyadav-vd6zi]

Thank you sir. Very understandable.❤❤❤

[@AquariusGoldTM913]

Well done this is another great project however if i may make a small critique. I think you should have included notification setup for the messages chat section, i realized how useless the chat is without notifications to the users.

[@IceeeAge]

Yehey this i waiting for sir ❤

[@tubeguruji]

Great !

[@vinaydeveloper5496]

Please create a project using Next JS Clerk and MongoDB

[@lone_wolf7721]

1k like done by me....thanks fro the course

[@alexa-ww8uu]

At 2:22:00 when you get to owenrInfo Did you delete the user field from firebase? And you changed it to a string type field and not a map?

[@darkmota2769]

that's what i'm wondering as well

[@emmanuelgutierrez3836]

have you solve it?

[@Silikon-networks]

If you get this error "can't find metro/src/lib/TerminalReporter" when you try to start your project after cleaning it up, run this command "npm install --save-dev metro" to install metro locally.

[@regilearn2138]

i am new to react native what video do you recommend me to follow first as a beginner.

[@lakshayjain2309]

41:22 ==> i didn't get this when did we make our index component like this

[@notanalien5746]

Hey is this a kind of tutorial for complete beginners in react

[@mileslegend]

it would be awesome if we add on push notifications ....thanks

[@tubeguruji]

That's a great idea!

[@gomo5628]

@@tubeguruji can you please implement usage of maps, for example it would really benefit this kind of app if users can search pets to adopt by distance and , have some kind of view on the maps like airbnb but instead rooms to be pets. That would be awesome example to see.

[@humballed]

@Tubeguruji, Hello! Thank you very much for sharing this project. I'm a beginner actually and I am following your code line by line. Currently I'm experiencing unmatched route error. Do you have any recommendation on how to solve this? thanks a lot.

[@chepparmaps]

You may have a wrong route , check spelling of your routes.

[@Suhaibking91]

I’m here again ❤

[@kit3052]

Can I use firebase to finish auth process instead of using clerk?

[@Zahidmaken]

Ask chat gpt

[@pritamroy6223]

Sir , can you please make a real time chat application supporting private and group chats. Using next js. There is not much content on yt for that. Please sir ❤

[@DriveEscapes-dx9rn]

is it have real time chat?like instant updates...... like using sockets

[@tubeguruji]

Yes instant update with firebase firestore real time database

[@_mohamedesmat]

Do u have any similar video contains info about how to implement app subscriptions!

[@tubeguruji]

Yes, There is one

[@_mohamedesmat]

@@tubeguruji Would You kindly mention its link as i've searched your page but unfortunately i couldn't locate it. Thanks in advance.

[@ceceN620]

Hello, thank you for your tutorial. I am having trouble with the font: fontFamily "outfit-bold" is not a system font and has not been loaded through expo-font. I already copied the fonts into the assets/fonts folder. The problem seems to be on the emulator as localhost is fine

[@ceceN620]

Never mind I installed npx expo install expo-font and it worked :)

[@tubeguruji]

in that case make sure to restart your app. then you have to wait to loan the font and then resume app. check expo font documentation

[@akshaysatav2431]

Bro you haven't build 'Job portal's project build on please

[@rukunoheya_ch]

thank you❤

[@tubeguruji]

Welcome

[@nirdeshchn]

Just curious! What is this NPM warn depricated meaning? Sounds alarming!

[@abdulmateen7316]

Hello Dear, I want to know why you use jsx insted of tsx both are java script extensions? Kindly guide.

[@chepparmaps]

It's somehow easier with jsx, type declaration is complex for beginners.

[@itz_pitcode]

Hey sir getting a error in that business directory video at 53 or 54 min around .. like when integrated lets get started and when comes back from google it gives a error , please help

[@tubeguruji]

Send me details on [e-mail]

[@chepparmaps]

Yes, it does. I restarted my app Cmd+c then launch it once more

[@faroukmessai9580]

good tuto bro thx but i have a problem...when i made log out for the first time and i did login again the data didnt show up like the user didnt exsist but when i refrech my app from the terminal theuser data shows up idk what happend pls i need help...

[@sujalgupta1302]

Hey is it possible to publish apps on Play Store?

[@tubeguruji]

Yes

[@sujalgupta1302]

@@tubeguruji what about the new policy which requires tester? Because of this policy I never started android developmennt

[@umairahmed8667]

​@@tubegurujiHighly recommended must make web app using react js ,tailwind CSS and Firebase to connect both of them app and web on same data base and also add payment integration on both of them💯💯💯💯

[@RAHUL-lc3lz]

@Tubeguruji after adding the data the image doesnt appear on the petinfo page the issue is that %2f gets converted to / in the url so the image is not found how do I fix this

[@joswijayas1828]

why, while i add ClerkProvider on code, it give error "TypeError: window.addEventListener is not a function (it is undefined), js engine: hermes ? can someone help me

[@PeterOne24]

Same here

[@MYTUBE44grv]

Did you get the solution?

[@joswijayas1828]

@@MYTUBE44grv nope, did u ?

[@joswijayas1828]

@@PeterOne24 did u get the solution?

[@halilbozkurt5919]

after entering the mail with clerk it doesn't redirect to the other page. i can't figure out why.

[@shayangolestani7115]

Why not using kinde for auth?

[@rameshjha4984]

Start creating project at 20:41 india timing

[@tubeguruji]

Ok

[@GameXFitness]

Bro how can we get images and proper matching icons for our app or website help me

[@tubeguruji]

i already explain how to get it. try using flaticon.com

[@GameXFitness]

@@tubeguruji thnx ❤️👌

[@GameXFitness]

@@tubeguruji thank you it will help me lot in my collage project 😍😍

[@nirdeshchn]

32:05 I have problem installing npm install @clerk/clerk-expo I have error while executing above command line

[@yusufkucuk2632]

hello ı am wondering at 2:23 . I was create a imageUrl from type of map . but I can't call back from firebase . Can you turn back to below this comment pls .

[@tubeguruji]

@@yusufkucuk2632 make sure in firebase rule section .. u updated the rules .. make sure to add future date so that u can access firebase storage

[@saireconejo7767]

Anybody can explain why for authentication process with clerk the app does not work with wifi but it works with mobile data ?, Thank you!, What can be the solution?

[@fathultsi4978]

"I'm seeing a console warning that says 'Possible unhandled promise rejection (id:1) error: call to function determine preferred package without satisfying it.' What is causing this warning and how can I fix it?"

[@beman2034]

Specify the bug, is it connected to the signup?

[@alfaloverss3116]

Thats good

[@offornna]

typeerror: window.addeventlistener is not a function (it is undefined), js engine: hermes

[@harivardhan6076]

Hiii sir, I am unable get user details in header section like user name and profile of user. Even I am not getting any error also. Can please help me. I have mailed you screenshots of code and output. Please have a look and please help me to solve this issue

[@slr8boi669]

I am not getting clerk session created how to create please reply bro

[@Brandon-ih2en]

Mate, i donated 3 dollar but the source code link doesn't work for some reason. I just want to get access to image assets. Both link doesn't work. I am from the UK. do something about it man.

[@glob-world]

Make local election App for local parties please

[@Buzeelbub]

Hello sir I'm having a error about publishable key. I put the publishable key to the .env but still it ask me to set it

[@tubeguruji]

Make sure the key will start with EXPO_

[@mashapoguajay3322]

after scanning QR in mobile through expo im unable to see anything on screen anyone help me

[@ericyan05]

Im getting an Oauth error when trying to sign in?

[@whoami-gi8ht]

Thank you sir, i love u

[@stanislassetondji272]

Please I keep getting oAuth error when clicking on the get started button, I tripple check the source code and still not sure why. Please help

[@RAHUL-lc3lz]

when u use navigation there is a default margin on the left how do you fix that

[@tubeguruji]

Remove any styling from index.js file, Which is mentioned in video

[@slavicdude1016]

​@@tubeguruji could you respond to the comment posted by Kante yesterday as i also got stuck on that problem

[@_RahulDalvi]

Bro pls pls make video player app like KZbin or any video app. I want to know how to manage play pause stop etc features in app. 👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈👈

[@DataGiant-ro1cn]

it created many issues in expo it is better if your create this in CLI

[@soumadip_banerjee]

❤❤❤

[@tubeguruji]

😍

[@muzzammilahmadkhan3405]

ERROR TypeError: Error.stack getter called with an invalid receiver, js engine: hermes. Giving this error at this point 1:04:00

[@kit3052]

the process of auth is not work at all! help

[@DriveEscapes-dx9rn]

why not used firebase authentication?

[@tubeguruji]

Its just Clerk is quite easy to integrate and manage

[@creepy_paratha]

I wish you spoke in Hindi. The English accent is so heavy it is very distracting. Great content but i had a lot of trouble focusing

[@KaraniGeoffrey]

Actually his English is absolutely fine. If he spoke in Hindi, almost everybody in the world would be locked out.

[@smiletv95.3]

Hello sir when am trying to press Get started i got an error ERROR OAuth error [Error]

[@abbasalmohaimeed2125]

Any solution?

[@kurtsaranillomacasling951]

is there any admin panel for that?

[@chepparmaps]

Somehow: Users are managed on Clerk. Data on firebase and posts by the user (Manag. posts page)

[@patilbalasaheb5990]

sir create a simple app in react native by using typescript not javascript !!

[@vloginwithabhinav]

hi after login it take us to home page but user data is not coming at first time after reload app its show user data how to solve this problem

[@joswijayas1828]

hey, did u got error after adding this tag ? the error-> TypeError: window.addEventListener is not a function (it is undefined), js engine: hermes

[@vloginwithabhinav]

@@joswijayas1828 yes

[@joswijayas1828]

@@vloginwithabhinav can u help me, how to solve that ? thanks in advance

[@vloginwithabhinav]

@@joswijayas1828 ok

[@joswijayas1828]

@@vloginwithabhinav thanks, any reference or steps how to solve that error?

[@ykking28]

but How to update uploaded Data ?

[@Desenvolvedordejogosbr]

O video não está linear?, estou sofrendo com erros no tab

[@tubeguruji]

Whats the error? It its warning then just ignore that

[@Desenvolvedordejogosbr]

@@tubeguruji O erro que estou sofrendo é com a Key, ela não está identificando

[@harivardhan6076]

Hiii sir please help to get user details on header section like user name and image. i am able to redirect to home page but not getting user details. and also not getting error also. what can i do. how to solve this issue

[@emmanuelgutierrez3836]

Have you solve it?

[@harivardhan6076]

@emmanuelgutierrez3836 yes use useUser()

[@vijaymakwana6153]

My auth is done but its not direct redirecting to home page whats error it can be in the code and where please help mee

[@theyash6114]

did u solved the error ?

[@slr8boi669]

Noo bro ​@@theyash6114

[@slr8boi669]

​@@theyash6114no bro

[@eesakamaldien1917]

Okay so my mistake was my home function shortcut, it was returning it as a normal function but as arrow function.Hope this helps. Im not even sure if that was the real problem but when i changed it to a normal function it worked.

[@slr8boi669]

Noo brother ​@@theyash6114

[@Ustaad-e-Mohtaram-l5d]

Continuosly encounterring OAuth error dont know y

[@harivardhan6076]

Hii i am unable to get user details in header like user name and image. can u please help me?

[@tubeguruji]

Whats the error?

[@harivardhan6076]

@@tubeguruji not getting any error, but not getting user name and image in header section. And I took membership. How can I connect you and what is the process to get connect

[@emmanuelgutierrez3836]

i have the same issue bro, how do you solve it?

[@nbravo1905]

❣❣❣

[@nobody124...]

how to deploy

[@tubeguruji]

Will Make video on it soon.

[@LAFAMILIA-RECORDZ]

@@tubeguruji how soon

[@graciousobeagu4640]

Great Video, please there is a part you did that is not covered in the video in the place use did the rootnavigation

[@artgamer431]

33:00

[@ahendest]

its not redirecting to home page after authentication. anybody knows solution? 40:00

[@kwesiTheDev]

Rename the redirect links - '/home' and '/login'

[@ahendest]

@@kwesiTheDev wdym? i created home.jsx. and this is the line: redirectUrl: Linking.createURL('/home', { scheme: 'myapp' }),

[@ahendest]

@@kwesiTheDev i didnt understand. can u help me please

[@kwesiTheDev]

@@ahendest The place where we specify {user} ? :

[@ahendest]

@@kwesiTheDev i still cant find this. i have redirectUrl: Linking.createURL('/home', { scheme: 'myapp' }), 😭

[@excelshogbola2116]

Please build a school management system please 😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😮😮😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢

[@agasthyaudupa]

He told he will make an apk but he didn't even do that in this video 😢

[@huachozaracho]

The Clerk is not correct; the one mentioned in the tutorial doesn’t exist. Everything has changed, and the information provided in this video is not useful. Not recommended

[@sachetkhatiwada8629]

Clerk is not working

[@itksports]

Clerk doesn't work in Nigeria

[@tubeguruji]

Oh.. I will inform Clerk Team

[@itksports]

@@tubeguruji thank you ,I used to really enjoy your tutorials till clerk did this some months ago

[@shivammangal4157]

how i deploy this can u make a video for deploy or how to convert this into apk

[@tubeguruji]

Yes, COmming Soon

[@shivammangal4157]

@@tubeguruji plz if u upload next video in react native plz deplot at the end of video or make a seprate video

[@Dracometeor562]

Is it a fullstack? Really? Where is the backend development?

[@Redstarcrew]

firebase

[@chepparmaps]

yes! 53.00 he said it, and at the start too

[@tubeguruji]

Thanks

[@tubeguruji]

Yes, Fullstack

[@itz_pitcode]

31:25 Expo docs isnt working

[@chepparmaps]

Go through it once more, it works.

[@tubeguruji]

Send me link which one is not working

[@agasthyaudupa]

41:25 how that tabs folder and new index jsx comes in to project

he has cut paste from other tutorial's part

[@agasthyaudupa]

So wt should I do in that case

[@ideepanshubatra]

Exactly 🙌🏻

[@kwesiTheDev]

I didn't add the tabs but changed the user navigation to {user ? : }

[@lakshayjain2309]

​@@kwesiTheDev bro if you have done with the code plese give me the code i am facing same issue

[@ankitranjan3985]

Hindi me laao

you are using clerk in every project. it breaks out our application. thats is why i am not able to continue from clerk authentication section

[@tubeguruji]

With the new update, It will work fine now. Clerk updated recently

[@ceceN620]

Is anyone else having problems with firebase not loading? Getting: LOG heartbeats undefined LOG No values stored under key: __clerk_client_jwt LOG No values stored under key: __clerk_client_jwt Tried to revert to older version but still getting LOG No values stored under key: __clerk_client_jwt LOG No values stored under key: __clerk_client_jwt

[@its_rkofficial]

@Tubeguruji why this error coming npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: petadoptapp@1.0.0 npm error Found: react@18.3.1 npm error node_modules/react npm error react@"18.3.1" from the root project npm error peer react@">=18" from @clerk/clerk-expo@2.2.10 npm error @clerk/clerk-expo@"2.2.10" from the root project npm error 1 more (react-dom) npm error npm error Could not resolve dependency: npm error peer react@"18.2.0" from react-native@0.74.5 npm error node_modules/react-native npm error react-native@"0.74.5" from the root project npm error peer react-native@">=0.73" from @clerk/clerk-expo@2.2.10 npm error node_modules/@clerk/clerk-expo npm error @clerk/clerk-expo@"2.2.10" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error C:\Users amk8\AppData\Local pm-cache\_logs\2024-09-14T12_01_15_434Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users amk8\AppData\Local pm-cache\_logs\2024-09-14T12_01_15_434Z-debug-0.log PS E:\ReactNativeProject\PetAdoptApp> npm install @clerk/clerk-expo@latest npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: petadoptapp@1.0.0 npm error Found: react@18.3.1 npm error node_modules/react npm error react@"18.3.1" from the root project npm error peer react@">=18" from @clerk/clerk-expo@2.2.10 PS E:\ReactNativeProject\PetAdoptApp> npm install @clerk/clerk-expo@latest npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: petadoptapp@1.0.0 npm error Found: react@18.3.1 npm error node_modules/react npm error react@"18.3.1" from the root project npm error peer react@">=18" from @clerk/clerk-expo@2.2.10 npm error node_modules/@clerk/clerk-expo npm error @clerk/clerk-expo@"2.2.10" from the root project npm error 1 more (react-dom) npm error npm error Could not resolve dependency: npm error peer react@"18.2.0" from react-native@0.74.5 npm error node_modules/react-native npm error react-native@"0.74.5" from the root project npm error peer react-native@">=0.73" from @clerk/clerk-expo@2.2.10 npm error node_modules/@clerk/clerk-expo npm error @clerk/clerk-expo@"2.2.10" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error C:\Users amk8\AppData\Local pm-cache\_logs\2024-09-14T12_03_26_714Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users amk8\AppData\Local pm-cache\_logs\2024-09-14T12_03_26_714Z-debug-0.log

[@abdullahkhan-ez6pi]

```LOG __clerk_client_jwt was used 🔐 ERROR OAuth error [Error]``` i receive this issue many times when click on getstarted kindly help me if possible

[@raohumzah]

same issue. dont know what to do.

[@abdullahkhan-ez6pi]

@@raohumzah first and second time it was working and it was getting email but third time it giving this in console. ```LOG __clerk_client_jwt was used ERROR OAuth error [Error]```

[@abbasalmohaimeed2125]

@@abdullahkhan-ez6pi any solation?

[@ericyan05]

Same did you find a solution?

[@abdullahkhan-ez6pi]

@@ericyan05 no, i think token expires, make clerk account on new email and patest credential of Oauth form new email, i think problem would solve