Best tutorial ever on UA-cam! This is what we want not half videos showing how to do just a small part of a big program like all their viewers where professionals 🤦 Thanks alot
@@KishanSheth21 Mern ( mongodb, express js, react native, Nord js) vs flutter + kotlin (Android studio) I know kotlin,html,css and bit js should I learn mern or Flutter ? 1. Mern 2. Flutter + kotlin Which is best ?
@@KishanSheth21 1. MERN - MONGODB, EXPRESS JS, REACT JS, NODE JS 2. MONGODB, EXPRESS JS,REACT NATIVE, NODE JS WHICH IS BEST FOR CROSS PLATFORM APP LIKE NETFLIX OR DISNEY+ HOTSTAR?
i lost my nervous during when i did this project, because some times Kishan don't explain, what he do, but i finished this project with Kishan, and say him THANKS
1. MERN - MONGODB, EXPRESS JS, REACT JS, NODE JS 2. MONGODB, EXPRESS JS,REACT NATIVE, NODE JS WHICH IS BEST FOR CROSS PLATFORM APP LIKE NETFLIX OR DISNEY+ HOTSTAR?
For mobile applications you would need react native... React js won't help (although if you already have react js knowlege then it will make learning react native easier)
@@KishanSheth21 i don't know why kotlin is Android official language with no real app or no big app clones. Flutter have all Big apps clone + node js and mongodb and everything for a Real App to make money.
Best tutorial for chat application. ❤❤ I've a suggestion bro, can you please create a system for that, if any one send a message from another user, then show a notification in the ui, just like a notification bell.
@@HarshitMaurya after connecting to mongodb , I am having the same error. The database and connection is visible on the mongodb atlas but when I am filling the form and pressing the registration button , I can't see the entries there in the database + its not showing anything that I've wrote inside console.log().
Bro also add feature of like showing how many messages are sent by that user too. You didn't even showed who sent this message . Just like whatsApp . Please
1:37:29 It is not recommended to use async function directly in useEffect() instead write like this: useEffect(() => { const fetchData = async () => { const data = []; // foreach doesn't work with APIs for (let i = 0; i < 4; i++) { const image = await axios.get( `${api}/${Math.round(Math.random() * 1000)}` ); const buffer = new Buffer(image.data); data.push(buffer.toString("base64")); } setAvatars(data); setIsLoading(false); }; fetchData(); }, []);
How the async function working in useEffect hook in your code😢.. I guess we should not use async function inside useEffect as it always returns a promise
Cool project.Actually i was thinking of building a full stack web based chat app along with integration for video calling and within video calling a support for sign language detection(so a combo of Fullstack+AI). I am not sure whether this is feasible or not, but will definitely try.
2:23:40 here contacts are not rendering, i don't understand how he get those contacts , did you get those from monodb or what? please help , If someone knows plese tell me 🙏🙏
I've seen a bug in your application. When more than one person sends a message to a specific person if a user keeps the chat open, then the messages sent by other users with whom the chat is kept open can be seen in the inbox feed, then after refreshing it is fixed.
Hii!!! It's the best video for learners. Thanks for uploading. I am having issue in clicking button of create user and login, like when i click on it it doesn't go on chat screen. and not either storing the user database in mongodb table... please help me out.
Hey ! first of all great video but at 2:23:15 you were getting empty arrays of users and i am also stuck in that part, can you please help, i do have users in database and i tried console logging contacts, its undefined
1. MERN - MONGODB, EXPRESS JS, REACT JS, NODE JS 2. MONGODB, EXPRESS JS,REACT NATIVE, NODE JS WHICH IS BEST FOR CROSS PLATFORM APP LIKE NETFLIX OR DISNEY+ HOTSTAR?
if anyone has a problem in update localstorage in setAvatar and appear toast error at first time go to setAvatar contoller and set third argument in findByIdAndUpdate like this {new : true}
Hey There, I see that you would have fixed an bug. Would you like to give me a pull request in github for the bug fix you have done. Doing this will add you into the project contributors. If you want we can do this or else I can push the code myself. Thankyou for the fix.
@@KishanSheth21 thanks so much your are amazing and l learn so much from you and l think you forget fix this in the video but this done on your code in github thanks so much man
@@ahmedelhelw3147 Oh is that so. Thankyou for pointing this out. Glad my content is helpful. If you need any kind of other specific tutorials please let me know. I always make the tutorials that my subscribers want.
Thanks @Ahmed Elhelw for the solution... :) There is a another problem that i'm facing in setAvater.jsx file... inside the useEffect of "api"... I'm getting like this Error 1:- Effect callbacks are synchronous to prevent race condtions. Put the async function inside. Error 2 :- React Hook useEffect has a missing dependency : 'api' . Either include it or remove the dependency array Block of Code in setAvatar.jsx :- useEffect(async () => { const data = []; for (let i = 0; i < 4; i++) { const image = await axios.get( `${api}/${Math.round(Math.random() * 1000)}` ); const buffer = new Buffer(image.data); data.push(buffer.toString("base64")); } setAvatars(data); setIsLoading(false); }, []); can you help me in solving this issue it would be very helpful for me...
@@ranasauravsingh make it like this useEffect(() => { const setAvatar = async () => { const data = []; for (let i = 0; i < 2; i++) { const image = await axios.get( `${api}/${Math.round(Math.random() * 1000)}`, { params: { apikey: process.env.REACT_APP_API_KEY } } ); const buffer = new Buffer(image.data); data.push(buffer.toString("base64")); } setAvatars(data); setIsLoading(false); }; setAvatar(); }, []); but remove this { params: { apikey: process.env.REACT_APP_API_KEY } } and this to increase the number of requests to get random image
#Bug #Error . When we send message from one chat to another. Even if any chat is open in other user screen the message appears in his chat.eg:- Let there are three user A, B and C, so if A send msg to C and on C's screen B's chat is open , the message from A appears in B's chat in C's screen.
With reference to this project can you share any leads reading deployment of the project... Or you have any tutorial/video so that we can make it to live... It would be very helpful... Project is working properly on local server...n want to make it live on web... Any suggestions...? N thanks for the video...😇
Nice tutorial, but why did you use ref instead of state, and if that's because of persisting data b/w DOM re-renders. then, why you did not use Global variable?
Great question! The reason I used ref instead of state is because ref is better suited for storing mutable data that needs to persist between renders, without triggering a re-render. This is useful when you need to keep track of data that is not directly related to the UI and does not affect the rendering of the component. Using state for such data could cause unnecessary re-renders, which can be expensive in terms of performance. Additionally, when using ref, the data can be easily accessed and updated without needing to go through the component's render cycle. As for your second question, using a global variable might seem like a valid option, but it can introduce some potential issues, such as: Global variables can make it difficult to reason about the state of your application, especially as it grows in complexity. Global variables can be accessed and modified from anywhere in your codebase, making it harder to track down where issues are occurring. Global variables can also lead to naming conflicts, especially if you are using third-party libraries or have multiple developers working on the same codebase. Overall, using ref is a better option when you need to store mutable data that should persist between renders, without causing unnecessary re-renders. While using a global variable may seem like a viable option, it can introduce potential issues and make it harder to reason about the state of your application.
Great tutorial. But there is a small bug, for example when we have three users and when first user send message second user, then first user send message third user, then second user send back first user, then third user also send back message to first user - in that case first user is in problem with frontend. Can I ask you to resolve problem? Besides that it is AWESOME tutorial.
maybe you forget add users model .when we find messages using from _id and to _id in messagecontroller part in getAllMessage we need to write const messages = await Messages.find({ users: { $all: [from, to] }, });
@@krishnadev.v8867 I've encountered the same problem and the bug seems to be not on the db query but the socket. There's two way that a user can receive message in this app, either through/getmsg API or get directly from ws when two parties on the chat are online. Due to incoming messages WebSocket not identifying its origin on the client side, incoming message from any user will be displayed as if it were sent by the user on the current chatpage. This shoubld be fixed by identifying the sender on the client side when dealing with sockets.
i found a workaround by putting a condition in the pushing of the arrivalMessage to the messages useEffect. I also passed the whole data and not the message only from the emitted "msg-receive" for me to get the Id of the sender of the message. now, when setting the arrivalMessage, you can put a new property "from" and extract the data from the props sent from the emitted "msg-receive". lastly, you can compare the current chat id to the "from" property in the arrivalMessage then if true, you can then push the arrivalMessage to the messages state. Hope this helps!
To be honest. This might not be. We used to make full stack projects with much more functionalities than this. And for the final year project you should make something unique, not a project copied from any tutorial. You will learn a lot.
@@KishanSheth21 Thanks for such an honest reply sir , I'll definitely make a project on my own but I just wanted to ask that a project somewhat like a chat app like Facebook is good enough as final year project?
Hi Kishan, It was an amazing lesson. Learnt allot. Just a question though how could we highlight the chats that has recent unread messages? Would reall help. Thanks a bunch.
Hey i have started making this project but initially i have an error on installing bcrypt. I don't know but in my system using npm I don't install the bcrypt module
Sure Thing Dude, that's a great Idea. List out all of the features that you want me to add in it. And I will start the development as soon as possible for the clone.
When running the query to update the avatar image I ran into another issue where I couldn't just use the props on the user. I had to say user_data._update.prop. This is my first time using mongo so Im not sure if this was something that was changed recently but if you guys are having the issue where the image sets in the backend but on the front end you are getting back and empty response use this in the user controller: return res.json({ is_set: user_data._update.is_avatar_img_set, image: user_data._update.avatar_image, }); Just be sure to update the props accordingly as I have been using underscores instead of camel case for variable names :)
Hope you guys like this video. If you need more tutorials like this comment down here and I will make them😀
Awesome tutorial brother, try writing nodejs codes in es6 format
урок очень полезный, спасибо тебе)
привет из России, Санкт-Петербург
я подписался и поставил лайк. жду от тебя ещё подобного контента
Hello . Can I get report for this project?
This is exactly what I've been looking for! Cheers mate!!
exactly what I was looking for! it's incredible, thank you
By the end of set avatar section i am having 400 axios error. Can u pls help... set avatar functionality is not working
Please help me my code is not working firstly when he uses npx to create chat-app in public then hi is using yarn start to run it how is this possible
Please help me my code is not working firstly when he uses npx to create chat-app in public then hi is using yarn start to run it how is this possible
God Bless you Thanks Kishan Sheth (Lerato from South Africa)
Every minute was an hour of lesson, thanks.🙌
hey .in my code socket is not working what should i do any idea?
@@nidhikumar1392 There is the source code in the description, You can follow up from there
Happy to help 🙌
Thank you for making this, forever grateful🙏
Really nice tutorial brother! Thank you for sharing your knowledge. Really appreciate it
Best tutorial ever on UA-cam! This is what we want not half videos showing how to do just a small part of a big program like all their viewers where professionals 🤦
Thanks alot
Glad to hear it.
@@KishanSheth21 good
Great MERN chat tutorial. Thanks, friend.
Really super awesome tutorial .
Awesome UI with superb explanation !
Go for it even if you are starting with reactJS
Sure Thing. Glad you liked the video. More advanced stuff coming in very short time.
Stay Tuned.
I got axios error.....that post:Err_connection_refused.......how can i resolve this...
@@rupalisharma2674 same
@@rupalisharma2674 did u got the solution why you were getting that error , cuz i am also getting the same error
awesome stuff man, thanks for keeping the proceess simple and clean. Learned a lot many things
:)
Glad you liked it!
@@KishanSheth21 Mern ( mongodb, express js, react native, Nord js) vs flutter + kotlin (Android studio)
I know kotlin,html,css and bit js should I learn mern or Flutter ?
1. Mern
2. Flutter + kotlin
Which is best ?
@@KishanSheth21 1. MERN - MONGODB, EXPRESS JS, REACT JS, NODE JS
2. MONGODB, EXPRESS JS,REACT NATIVE, NODE JS
WHICH IS BEST FOR CROSS PLATFORM APP LIKE NETFLIX OR DISNEY+ HOTSTAR?
I got axios error.....that post:Err_connection_refused.......how can i resolve this...
@rupalisharma2674 will you let me know whether your error is fixed or not
i love this tutorial as a beginner my man🤩🤩🤩🤩
Glad it helped.
The best one real time app tutorial
Awesome bro. Keep up making such incredible projects
You're the best, i've learn much in this video 👌
has he deployed and provided everything?shall i proceed with this course??
Sure, i don't have any problem
Very beautiful big man. Awesome.
Big thanks
i lost my nervous during when i did this project, because some times Kishan don't explain, what he do, but i finished this project with Kishan, and say him THANKS
brroo will it work if a beginner a biginner follow the whole exact video plzzz reply
and also provide some description and title to put in my resume
Thank you, this project helped me land my first interview. Also, I learned a lot and how to consume API's in this tutorial.
Great to hear!
21:52 form container is showing undefined ! What should be imported??
having axios error after connecting to mongodb. Badly stuck .Could you please help?
@@akshitasharma9207 what's your code
@@vanshikasrivastava132check the github code and your code, probably you forgot something
Wow! Your explaination is really simple. Thanks Bhai..😄
Nice content dude! Thank you!
So cool! It helps me a lot. Thank you so much!!!!!
Great work brother, keep them coming.
Thanks, will do!
perfect video , perfect content , perfect coding style .
keep going for us underdeveloped developers .
100/100....................
thank you .
if i wanted to code my own fucking chat thing for my imp website i would have asked the fucking devil
1. MERN - MONGODB, EXPRESS JS, REACT JS, NODE JS
2. MONGODB, EXPRESS JS,REACT NATIVE, NODE JS
WHICH IS BEST FOR CROSS PLATFORM APP LIKE NETFLIX OR DISNEY+ HOTSTAR?
Can we make Mobile apps with react js or should we use react native ?
For mobile applications you would need react native... React js won't help
(although if you already have react js knowlege then it will make learning react native easier)
Really nice tutorial, cant thank you enough, I'll donate to support once I graduate and got a job ❤️❤️
Glad to hear it out.
@@KishanSheth21 i don't know why kotlin is Android official language with no real app or no big app clones.
Flutter have all Big apps clone + node js and mongodb and everything for a Real App to make money.
I got axios error.....that post:Err_connection_refused.......how can i resolve this...
Good Job bud - You done pretty well
Thanks a lot sir. Pls keep this kind of vids incoming ....
Sure thing.
Best tutorial for chat application. ❤❤
I've a suggestion bro, can you please create a system for that, if any one send a message from another user, then show a notification in the ui, just like a notification bell.
good work there, we love it.
great work dude....appreciated
for anyone who runs into the problem of hitting API limit, just register for an API key. You get 200 000 requests per month.
I'm kinda dumb, can you explain it better or more in depth?
Really useful tutorial! thanks for shearing
You're welcome 😊
Just a remembered coding project with no explanations at all
Thank you so much man it was so helpful
Please make a video on how to deploy this app online. So that we can showcase this on our portfolio.
way of explanation outstanding 😊
Thanks a lot 😊
Excellent. Thx much!
You're welcome!
Thanks for this video , i have learned a lot from this project also faced some issue like in setting avatar and happy to fix them ,thanks man
Glad to hear that.
Hw did you fix that error?
Error was in when u click once we get error,should press twice to set avatar
I got axios error.....that post:Err_connection_refused.......how can i resolve this...
@@rupalisharma2674 brief more
@@HarshitMaurya after connecting to mongodb , I am having the same error. The database and connection is visible on the mongodb atlas but when I am filling the form and pressing the registration button , I can't see the entries there in the database + its not showing anything that I've wrote inside console.log().
wonderful tutorial!!
Thank you! 😊
Bro also add feature of like showing how many messages are sent by that user too. You didn't even showed who sent this message . Just like whatsApp . Please
Thanks Alot! very helpful😇
Glad it helped 🙂
Thank you for giving us this content ❤❤
Glad you liked it ❤️
Thank You very much sir... for this amazing react chat app... 🙏🙏
The tutorial was enjoyable to complete. Thanks.
You really awesome !!!
Thankyou 😀
Sir 1:43:0 per setAvatar Vala page he us me mereko destroy is not a function Vala error aa raha he please Solve this Error🙏🙏🙏
same here bro
intresting video thanks author for video
great job bro it works fine thank you
great tuto, thanks !
ufff thanks for this tutorial, it was amazing greetings form Perú 🙋♂
Glad you liked it!
Good Job 👌
Thanks 😅
Thank you so much 🥰🧡
You’re welcome 😊
thanks, i finished this video 😃
Great thing. Glad it was helpful ☺️
Awesome
You got a subscriber
1:37:29 It is not recommended to use async function directly in useEffect() instead write like this:
useEffect(() => {
const fetchData = async () => {
const data = [];
// foreach doesn't work with APIs
for (let i = 0; i < 4; i++) {
const image = await axios.get(
`${api}/${Math.round(Math.random() * 1000)}`
);
const buffer = new Buffer(image.data);
data.push(buffer.toString("base64"));
}
setAvatars(data);
setIsLoading(false);
};
fetchData();
}, []);
thank u so much you have really helped alot :) i also was struggling with this for a bit.
thanks a lot man. this bit was really helpful
Thanks Man 😊
Thanks Man !
Thank youu soo much..I was stuck here:)
great video !! Could you please also post a tutorial on how to deploy this project
i love you, my brother. HOW YOU DID EVERY THIS IN JUST FOUR HOURS
Amazing tutorial brother, it really helped alot. Can you please tell which vs code theme are you using it just looks really cool 🤯
How the async function working in useEffect hook in your code😢.. I guess we should not use async function inside useEffect as it always returns a promise
Great Video Bro
thanks, bro!, very helpful
Sir I have some issue in setAvatar.jsx file .. sir please help !
thank you very much for this project sir and sir i want to change contacts to my right side so what should i do ? please replay me sir
Cool project.Actually i was thinking of building a full stack web based chat app along with integration for video calling and within video calling a support for sign language detection(so a combo of Fullstack+AI). I am not sure whether this is feasible or not, but will definitely try.
Great job, thank you.
Thanks for watching!
bro my guide asking..what is speical in your project with compare to other chat applications...pls tell the answer for this question
2:23:40 here contacts are not rendering, i don't understand how he get those contacts , did you get those from monodb or what?
please help , If someone knows plese tell me 🙏🙏
Great tutorial! can you make a tutorial on the deployment as well?
Yes, soon
deploy please i love your video so much
bahut badhiya 👍
Thankyou.
I've seen a bug in your application.
When more than one person sends a message to a specific person if a user keeps the chat open, then the messages sent by other users with whom the chat is kept open can be seen in the inbox feed, then after refreshing it is fixed.
+1
@@jayvadgama4550 Sorry, I didn't understand what are you saying.
can please knock me on Whatsapp? or give me your Whatsapp number?
great tutorial!
Hii!!! It's the best video for learners. Thanks for uploading. I am having issue in clicking button of create user and login, like when i click on it it doesn't go on chat screen. and not either storing the user database in mongodb table... please help me out.
Please check out the source code from the github link provided in the description.
Did you find the solution?
Merci 🇨🇵
Hey ! first of all great video but at 2:23:15 you were getting empty arrays of users and i am also stuck in that part, can you please help, i do have users in database and i tried console logging contacts, its undefined
i have some problems, he just paused video and restart, and don't axplain, how did he fix the problem
You solved it?
idk if this gonna help but check if you are getting the contacts by adding a console.log(contacts) before the return function
i am also having same issue , please help if anyone know about it...!
It was highly useful tutorial please add capabilities of sensing video audio and image to this your project. Thanks a lot
Noted
Just starting my MERN journey with this🤩superexcited
very nice thanks!
Awwesome app! I Learned a lot and tanks for that. The next could you do until the deploy?
1. MERN - MONGODB, EXPRESS JS, REACT JS, NODE JS
2. MONGODB, EXPRESS JS,REACT NATIVE, NODE JS
WHICH IS BEST FOR CROSS PLATFORM APP LIKE NETFLIX OR DISNEY+ HOTSTAR?
Very good your class of web developer
if anyone has a problem in update localstorage in setAvatar and appear toast error at first time go to setAvatar contoller and set third argument in findByIdAndUpdate like this {new : true}
Hey There, I see that you would have fixed an bug. Would you like to give me a pull request in github for the bug fix you have done. Doing this will add you into the project contributors. If you want we can do this or else I can push the code myself. Thankyou for the fix.
@@KishanSheth21 thanks so much your are amazing and l learn so much from you and l think you forget fix this in the video but this done on your code in github thanks so much man
@@ahmedelhelw3147 Oh is that so. Thankyou for pointing this out. Glad my content is helpful. If you need any kind of other specific tutorials please let me know. I always make the tutorials that my subscribers want.
Thanks @Ahmed Elhelw for the solution... :)
There is a another problem that i'm facing in setAvater.jsx file... inside the useEffect of "api"... I'm getting like this
Error 1:- Effect callbacks are synchronous to prevent race condtions. Put the async function inside.
Error 2 :- React Hook useEffect has a missing dependency : 'api' . Either include it or remove the dependency array
Block of Code in setAvatar.jsx :-
useEffect(async () => {
const data = [];
for (let i = 0; i < 4; i++) {
const image = await axios.get(
`${api}/${Math.round(Math.random() * 1000)}`
);
const buffer = new Buffer(image.data);
data.push(buffer.toString("base64"));
}
setAvatars(data);
setIsLoading(false);
}, []);
can you help me in solving this issue it would be very helpful for me...
@@ranasauravsingh make it like this
useEffect(() => {
const setAvatar = async () => {
const data = [];
for (let i = 0; i < 2; i++) {
const image = await axios.get(
`${api}/${Math.round(Math.random() * 1000)}`,
{ params: { apikey: process.env.REACT_APP_API_KEY } }
);
const buffer = new Buffer(image.data);
data.push(buffer.toString("base64"));
}
setAvatars(data);
setIsLoading(false);
};
setAvatar();
}, []);
but remove this { params: { apikey: process.env.REACT_APP_API_KEY } } and this to increase the number of requests to get random image
#Bug #Error . When we send message from one chat to another. Even if any chat is open in other user screen the message appears in his chat.eg:- Let there are three user A, B and C, so if A send msg to C and on C's screen B's chat is open , the message from A appears in B's chat in C's screen.
Why can't I use yarn start around 14.00 minutes?
good job bro 😊😊😊
Thanks 😄
With reference to this project can you share any leads reading deployment of the project... Or you have any tutorial/video so that we can make it to live... It would be very helpful... Project is working properly on local server...n want to make it live on web... Any suggestions...?
N thanks for the video...😇
Will upload soon for the hosting.
Hey Saurav did you deploy this project, if you did, would you help me?
I got axios error.....that post:Err_connection_refused.......how can i resolve this...
Amazing ❤️
Thanks 😄
Nice tutorial, but why did you use ref instead of state, and if that's because of persisting data b/w DOM re-renders. then, why you did not use Global variable?
Great question!
The reason I used ref instead of state is because ref is better suited for storing mutable data that needs to persist between renders, without triggering a re-render. This is useful when you need to keep track of data that is not directly related to the UI and does not affect the rendering of the component.
Using state for such data could cause unnecessary re-renders, which can be expensive in terms of performance. Additionally, when using ref, the data can be easily accessed and updated without needing to go through the component's render cycle.
As for your second question, using a global variable might seem like a valid option, but it can introduce some potential issues, such as:
Global variables can make it difficult to reason about the state of your application, especially as it grows in complexity.
Global variables can be accessed and modified from anywhere in your codebase, making it harder to track down where issues are occurring.
Global variables can also lead to naming conflicts, especially if you are using third-party libraries or have multiple developers working on the same codebase.
Overall, using ref is a better option when you need to store mutable data that should persist between renders, without causing unnecessary re-renders. While using a global variable may seem like a viable option, it can introduce potential issues and make it harder to reason about the state of your application.
Great tutorial. But there is a small bug, for example when we have three users and when first user send message second user, then first user send message third user, then second user send back first user, then third user also send back message to first user - in that case first user is in problem with frontend. Can I ask you to resolve problem? Besides that it is AWESOME tutorial.
maybe you forget add users model .when we find messages using from _id and to _id in messagecontroller part in getAllMessage we need to write
const messages = await Messages.find({
users: { $all: [from, to] },
});
@@krishnadev.v8867 I've encountered the same problem and the bug seems to be not on the db query but the socket. There's two way that a user can receive message in this app, either through/getmsg API or get directly from ws when two parties on the chat are online. Due to incoming messages WebSocket not identifying its origin on the client side, incoming message from any user will be displayed as if it were sent by the user on the current chatpage. This shoubld be fixed by identifying the sender on the client side when dealing with sockets.
i found a workaround by putting a condition in the pushing of the arrivalMessage to the messages useEffect. I also passed the whole data and not the message only from the emitted "msg-receive" for me to get the Id of the sender of the message. now, when setting the arrivalMessage, you can put a new property "from" and extract the data from the props sent from the emitted "msg-receive". lastly, you can compare the current chat id to the "from" property in the arrivalMessage then if true, you can then push the arrivalMessage to the messages state. Hope this helps!
@@reynaldsampelo3527 can you give me code?
@@reynaldsampelo3527thanks bro....i wasted my previous 2 days for this shit.... saviour 🫂🙏
great bro 😇
Thank you so much 😀
great tutorial
Thank you sir
It is too helpfull
And teaching is good but slow also
Your vs code theme is looking very beautiful, Can you share the the name of the Theme please?
great video brother,, keep posting...
Amazing video!!
Is it enough to be presented as final year college project?
To be honest. This might not be. We used to make full stack projects with much more functionalities than this. And for the final year project you should make something unique, not a project copied from any tutorial. You will learn a lot.
@@KishanSheth21 Thanks for such an honest reply sir , I'll definitely make a project on my own but I just wanted to ask that a project somewhat like a chat app like Facebook is good enough as final year project?
I got axios error.....that post:Err_connection_refused.......how can i resolve this...
Nice thanks
Welcome
Hi Kishan, It was an amazing lesson. Learnt allot. Just a question though how could we highlight the chats that has recent unread messages? Would reall help. Thanks a bunch.
Hey i have started making this project but initially i have an error on installing bcrypt. I don't know but in my system using npm I don't install the bcrypt module
Great Video!! Please make a video on Zomato clone too using MERN
Sure Thing Dude, that's a great Idea. List out all of the features that you want me to add in it. And I will start the development as soon as possible for the clone.
@@KishanSheth21 Make it as a multi-vendor food delivery app like there should be dashboard for seller and with google map api.
I like your work so much can i reuse some of the componets
Yes you can😀
When running the query to update the avatar image I ran into another issue where I couldn't just use the props on the user. I had to say user_data._update.prop. This is my first time using mongo so Im not sure if this was something that was changed recently but if you guys are having the issue where the image sets in the backend but on the front end you are getting back and empty response use this in the user controller:
return res.json({
is_set: user_data._update.is_avatar_img_set,
image: user_data._update.avatar_image,
});
Just be sure to update the props accordingly as I have been using underscores instead of camel case for variable names :)
amazing tutorial
Glad you think so!
Thank you very much