I am at "01:02:23" section using Typescript with chakra. I am hoping to complete it by tonight. Wish me luck. Annnnnd thanks a million for sharing your code and thought process. Really helps a lot.
Your a fucking live saver . Im a beginner and I searched up to 2 Days to integrate the User.uid into the documents from firestore . I didnt find anything helpful because every article was about version 8 . And finally I found you damn guy I could hug you right know. ♥️ Keep up this great content.🔥🔥
On 1:00:00 There have some errors due to the react-router dom update. If anyone stuck this error " [PrivateRoute] is not a component. All component children of must be a or " then try this is PrivateRoute.js import React, { useContext } from 'react'; import { AuthContext } from "../Context/auth"; import { Navigate, Outlet } from "react-router-dom"; export const PrivateRoute = () => { const { user } = useContext(AuthContext); return user ? : } and in App.js
Salute Farhan. High impact, and full explanation at each level make this tutorial top of its class. Love the way you explain, plus soft spoken.... Again, thanks a lot
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
3 года назад
Amazing explanations, Farhan. I didn't even finish the whole video but you have already got a new subscriber. Keep the good work!! 🔥🔥
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Farhan Farooq thanks man I am following along however the "Redirect" in 1:00:00 is not working is it deprecated? If yes can please tell what's new now my version is 17.0.02 I can't find the replacement I'm quite stuck on this part thanks one More time and sorry for bothering you.
On 1:00:00 There have some errors due to the react-router dom update. If anyone stuck this error " [PrivateRoute] is not a component. All component children of must be a or " then try this is PrivateRoute.js import React, { useContext } from 'react'; import { AuthContext } from "../Context/auth"; import { Navigate, Outlet } from "react-router-dom"; export const PrivateRoute = () => { const { user } = useContext(AuthContext); return user ? : } and in App.js
Hey, how to have private chat for every user, and then they can communicat, but if I register another user he will not see that chat, but he can comunicate with each users that is in the base. React js and firestore.
Bro the tutorial is amazing but one thing you are explaining that the configuration of the firebase rules for storage and firestore. People who doesn't know about firestore at all struggle a lot to execute the functionalities.
at 19:05 ,when I connect routers and make a link through two or more Js files its showing a blank page as output in React-app screen what should be done to resolve this .
Thanks for this. I'm getting this error in the profile page Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
Can anyone help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
sir I got error reading const q = query(usersRef, where('uid', 'not-in', [auth.currentUser.uid])); in 01:41:18, this [auth.currentUser.uid] is undefined, but when I console.log the auth its has object starting with AuthImpl, how can you destruct that??
make sure you are writing query in useEffect also please compare your code with the source code, if you are following along then everything should be working as expected
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Hi thank you for the vid, I would like to ask you how to change PrivateRoute component with react-router-dom v6 as Redirect is not in use anymore in v6. Thank you
I have problem, every time the app load I got 1000 read on firebase and then when I reach 50k read firebase stop working and I have to pay what should I do
Check firebase queries in useEffect of all files, looks like you have added a dependency which isn't supposed to be added For eg: if you're setting state in useEffect and added the same state as dependency then it will re-render again and again
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
@@farhanfarooq Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to single messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appreciate.
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Hello im getting error: TypeError: Cannot read properties of null (reading 'uid') when i use 'auth.currentUser.uid' how can i solve this except if(auth.currentUser {...})? Thanks for response
if you are following along then you shouldn't get this error link to source code is in the description if you want to compare your code, anyway try auth.currentUser?.uid
@@farhanfarooq I think i have all the same like you and but im getting error [TypeError: Cannot read properties of null (reading 'uid')] when i refresh page and when i try auth.currentUser?.uid getting error [FirebaseError: Function where() called with invalid data. Unsupported field value: undefined] because uid is undefined
Yupp the same problem I'm also facing from last two days. I've compared the source with mine and then tried different ways too but it didn't work. If anyone already resolved this error then please share how you did that..
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
dude your awesome! thanks a lot, btw is these firebase cloud messaging free? I want to add chat functionality in my ecommerce MERN stack app. and can I install firebase package on server side? I mean I use it alongside express, not in react client side
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Bhai maine half project kardiya hai but uske baad nahi hora Sub kuch kam karra jaisa he map function use karta ich blank hojara screen Plzz help And mai Object.key(users).map use kiya so only one quarry show hora Plzz batao ye problem kis kisko hue hai
@@farhanfarooq bhai aap code se kam kam karra hai bakhi new version me map function kam nahi karra Aisa qq Bakhi dono code same to same hai bhai Aap itna acha se explain keliye Ye update ke waja se hora hai Version alag rahne ke waja se aisa error aare aapka code ek dum correct hai bhai Concept clear karne ke liya thanks
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Can you help me with ... i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
I am at "01:02:23" section using Typescript with chakra.
I am hoping to complete it by tonight. Wish me luck.
Annnnnd thanks a million for sharing your code and thought process. Really helps a lot.
This video is highly under-rated. One of the best tutorial on Firebase v9. Please keep doing!
I love the way you explain every concept in a clear and precise way. Teaching truly is a talent. Thank you.
This video really helped me understand the basics of firebase properly .Can't Thank you enough!!!
This is a hidden gem. Great video ! Done everything with simplicity and ease.
Your a fucking live saver .
Im a beginner and I searched up to 2 Days to integrate the User.uid into the documents from firestore . I didnt find anything helpful because every article was about version 8 .
And finally I found you damn guy I could hug you right know. ♥️
Keep up this great content.🔥🔥
On 1:00:00 There have some errors due to the react-router dom update. If anyone stuck this error " [PrivateRoute] is not a component. All component children of must be a or " then try this is PrivateRoute.js import React, { useContext } from 'react';
import { AuthContext } from "../Context/auth";
import { Navigate, Outlet } from "react-router-dom";
export const PrivateRoute = () => {
const { user } = useContext(AuthContext);
return user ? :
}
and in App.js
Thank you yar
You are a Developer God bro 😅🙏 thanks a lot 🙏
Please create more videos you are really a very good at explaining in a simple and a soft way......
very usefull video i wondering why its not viral i been searching a long time for this. thank you ❤❤
🔥 So much awesome! 🔥 Thank you so much for your generosity in sharing the code and the very well explain video. Super work 👍
Finally done with this build thx man keep creating content like this 🙏
Salute Farhan. High impact, and full explanation at each level make this tutorial top of its class. Love the way you explain, plus soft spoken.... Again, thanks a lot
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Amazing explanations, Farhan. I didn't even finish the whole video but you have already got a new subscriber.
Keep the good work!! 🔥🔥
Love your work. i have finding a good tutorial for a week and this landed on my home page. really glad to have watched this
Thank you so much I have been searching for something for so many hours and you provided a beautiful tutorial.
It very perfect for beginners, We will wait next projects bro! KEEP GOING ON!
amazing video! thank you so much sir, it's shame this doesnt have more views!
thank you
Keep up this great content.🔥🔥
thank you so much sir for the lovely work and explanation ❣❣❣
this one is one of the best video i have seen.
Thank you for this wonderful tutorial!
Really amazing tutorial.. Made simple and sweet! Thank you.
Worth video💫
Great video, man! very helpful!
Please create more. This is really great game!
thank you man.you are awesome
Love you broo this is awesomee!!
You should do more clones brother! Thanks for this great video.
Great video. This one helped a lot.
This is very awesome project 🔥
Great video bro!!
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Farhan Farooq thanks man I am following along however the "Redirect" in 1:00:00 is not working is it deprecated? If yes can please tell what's new now my version is 17.0.02 I can't find the replacement I'm quite stuck on this part thanks one More time and sorry for bothering you.
perhaps you are using react router v6, the project is built with v5
On 1:00:00 There have some errors due to the react-router dom update. If anyone stuck this error " [PrivateRoute] is not a component. All component children of must be a or " then try this is PrivateRoute.js import React, { useContext } from 'react';
import { AuthContext } from "../Context/auth";
import { Navigate, Outlet } from "react-router-dom";
export const PrivateRoute = () => {
const { user } = useContext(AuthContext);
return user ? :
}
and in App.js
Great video! Thanks for sharing.
Perfecr perfect tutorial sir .. thankyou
Thank you ,very nice content.
Someone please tell me how did the image file open when clicked to profile image 😅
Thanks u soo much Bhai very nice explanation
switch is replaced by Routes and useHistory is replaced by useNavigate
Hey, how to have private chat for every user, and then they can communicat, but if I register another user he will not see that chat, but he can comunicate with each users that is in the base. React js and firestore.
Thank very much,is masterpiece
great video. thanks a lot.
Hi, Can anyone help me with understanding what it will compare when checking user1>user2 while creating a unique id for messages?
Bro the tutorial is amazing but one thing you are explaining that the configuration of the firebase rules for storage and firestore. People who doesn't know about firestore at all struggle a lot to execute the functionalities.
Hello, please help me, when registering, the useHistory hook changes the url, but the registration page still does not change
at 19:05 ,when I connect routers and make a link through two or more Js files its showing a blank page as output in React-app screen what should be done to resolve this .
syntax changed. use Route instead of Switch now
@@steveh2019 i'm use Routes but it still display a blank page
sir your are the best thank you
Thanks for this. I'm getting this error in the profile page
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
Can anyone help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Ghost code.. you did 80% of the work already.
redirecing to home paget is not working at 41:58
thx man it was greate exp
why does it give me that in const user 1 at line 28 home. js that uid is null.... been stuck at this for a lot of time please help
ps. i am using v6 react router dom
sir I got error reading const q = query(usersRef, where('uid', 'not-in', [auth.currentUser.uid])); in 01:41:18, this [auth.currentUser.uid] is undefined, but when I console.log the auth its has object starting with AuthImpl, how can you destruct that??
make sure you are writing query in useEffect also please compare your code with the source code, if you are following along then everything should be working as expected
@@farhanfarooq Okay sir thanks for the advice
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Hey instead of email / password how can we use Google sign in ?
When i receive a message chat automatically get open can anyone tell me solution
anyone having react hook useffect missing dependency?
can someone explain how 2:05:53 works?
plz help setDoc isnot working to set data i am using firebase 9
change it to addDoc(collection(...))
Best tutorial on 1.5x speed
Thank you
Hi thank you for the vid, I would like to ask you how to change PrivateRoute component with react-router-dom v6 as Redirect is not in use anymore in v6. Thank you
well I made something like this in App.jsx and it looks like it is working {user ? : }
Subscribed
I have problem, every time the app load I got 1000 read on firebase and then when I reach 50k read firebase stop working and I have to pay what should I do
Check firebase queries in useEffect of all files, looks like you have added a dependency which isn't supposed to be added
For eg: if you're setting state in useEffect and added the same state as dependency then it will re-render again and again
bro auth.currentUser is showing null while adding the logout and profile button after login/sign-up. please help.
did you implement onAuthStateChanged in context? Take a look at source code (link is in the description)
@@farhanfarooq got it,😊😊
@@AbhayKumar-jb3fl hey man please give me what you fixed i've been stuck for a whole day now
when you send messages to the test chat is it shown in all the chats or only in the selected one?
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Great video but how can you choose multiple lines at the same time ? What short cut , thank you
Ctrl + d
@@farhanfarooq what will be the build command if im using vite im getting err while deploying
just wow dude big up, how do you select multi line and edit them like in 13:20 ? blessings you're the man
ctrl+d
@@farhanfarooq much appreciated
Would be really nice, if you could host the project using firebase
May I use this to integrate in a school project? Awesome video btw!
Yes of course!
@@farhanfarooq Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to single messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appreciate.
Why I am having an error in sending images? I sent image but when I send only a text, the image keep on sending along with the text for nth time?
Home.js file: in handleSubmit function add the following in last line:
setImg("")
@@farhanfarooq ok, I'll try that but does the file upload possible also?
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
sir I need to check if lastMessages collection exist, can you please tell me what is the syntax?
you can find it in selectUser function in Home.js file, its already there
@@farhanfarooq oke thanks I found it
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Hey man, this is great! Would it be possible to message a user that is offline?
After implementing the user section, I´m getting following error: export 'db' (imported as 'db') was not found in '../Firebase'. Can Someone help :)
check the firebase config file and make sure you are exporting db from there
@@farhanfarooq Thank you found my error. :) But my programm is not creating any collection in the database, what could it be?
correction, again found the error :))
I follow the steps readme and changes firebase documents but still firebase:error(Auth/invalid-api-key).
How to fix this issue
clearly you are not using your own firebase api key, grab your own key from your firebase project
@@farhanfarooq l used correctly as shown u in this video but some errors in hooks users.js , home.js and profile.js how to fix this bug
if you have so many errors in different files then you should compare your code with the source code of this tutorial, you will find something
@@farhanfarooq I got error in source code only
How to contact u are u in Instagram or teligrame
Hello im getting error: TypeError: Cannot read properties of null (reading 'uid') when i use 'auth.currentUser.uid' how can i solve this except if(auth.currentUser {...})? Thanks for response
if you are following along then you shouldn't get this error link to source code is in the description if you want to compare your code, anyway try auth.currentUser?.uid
@@farhanfarooq I think i have all the same like you and but im getting error [TypeError: Cannot read properties of null (reading 'uid')] when i refresh page and when i try auth.currentUser?.uid getting error [FirebaseError: Function where() called with invalid data. Unsupported field value: undefined] because uid is undefined
looks like your query is wrong that's why you are getting invalid data, please compare your code you will find something.
Hey man did you find a solution to this problem, I have the same…
Yupp the same problem I'm also facing from last two days. I've compared the source with mine and then tried different ways too but it didn't work. If anyone already resolved this error then please share how you did that..
How to accept all kind of files not only images? Thanks! I need help.
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
awesome
Bro for the part users section, my code is correct but I can't get any user. I have 3 users and the querySnapshot size is 0. Where is the problem ?
did you compare your code with the source code? Link is in the description
@@farhanfarooq yes bro, I rewrote it many times. The size of the array is 0 despite I have three users
clone the repo and run it, if its working as expected then you must be missing something, give it a try
@@farhanfarooq Bro I paste your code but the array size still 0. I don't know if there something to in firebase
Here is my code
Nice
dude your awesome! thanks a lot,
btw is these firebase cloud messaging free?
I want to add chat functionality in my ecommerce MERN stack app.
and can I install firebase package on server side? I mean I use it alongside express, not in react client side
yes cloud messaging is free and you can use firebase on server side via firebase functions
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
is this project using react router version 6 or 5??
I think 5. Because "Switch" has changed to "Routes"
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
sir can you make video about phone number and email verification using firebase 9 please ?
maybe in future
@@farhanfarooq thank you, I can't wait for that :)
@@farhanfarooq Did you ever make this video? Your videos are super helpful.
Bhai maine half project kardiya hai but uske baad nahi hora
Sub kuch kam karra jaisa he map function use karta ich blank hojara screen
Plzz help
And mai Object.key(users).map use kiya so only one quarry show hora
Plzz batao ye problem kis kisko hue hai
description main code ka link hai apne code ko compare karain us se
@@farhanfarooq bhai aap code se kam kam karra hai bakhi new version me map function kam nahi karra
Aisa qq
Bakhi dono code same to same hai bhai
Aap itna acha se explain keliye
Ye update ke waja se hora hai
Version alag rahne ke waja se aisa error aare aapka code ek dum correct hai bhai
Concept clear karne ke liya thanks
How do I build this into an apk?
react native, but I am not sure if firebase 9 is supported in react native yet or not
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Brother can we did this in responsive
its already responsive maybe a little bit but responsive however the focus was on the functionalities not responsiveness.
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
Brother plzz make video on
How to create admin page and user's page
Using react js and Firebase plzz bhai
😊😉
currently at 02:38:13
PLEASE BUILD WITH ANGULAR PLEASSSSE!!
would love to, but for that I will have to learn angular first :P
@@farhanfarooq 😂😂😂
2:24:38
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
sir i want your paid help
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
leave your email
I tried to contact you - to help us with our firebase react N chat app for our Quran programme..
react native?
Can i contact whti you..??
Can you help me with ...
i created everything after watching this video and i add a feature like double tap that reacted to messages with emoji but when i tap with first message in chat window is works good but it also reacted (show ) with the same emoji on the first message of the second , third , fourth and so on users chat ... how to solve this please help me really appericiate.
sir i want your paid help
sir I want your paid help