🔴 Realtime Responsive Chat App with React, Node.js, Socket.io and MongoDB with Group Chats

[@DevZoneCodes]

5% done with the project!! Never saw such a good explanation in the entire KZbin universe!! Hats-off🎩🎩🎊🎊🙏

[@bhumika-dash]

did you got the source code? Can you plz share if possible 🫠

[@cybertaco3602]

We finally got a recent 2024 one! This is incredibly helpful!

[@amur619]

lmao thats what im sayin

[@bhumika-dash]

did you got the source code? Can you plz share if possible 🫠

[@bhumika-dash]

can i get the course code i am getting some error

[@BrodWells]

Man, hattsoff..Kya mast video banaya hai...I completed the entire project smoothly. I read others comments too, don't listen to negative comments.. This channel has a great potential. Mast ha. Keep it up, U earned a sub.

[@devascript]

this is one of the best comment so far

[@sangeetaprajapati6103]

aapne deploy hoister se hi kiya ya koi free deploy website se?

[@shreyas8247]

​@@sangeetaprajapati6103 plz reply this man

[@zenitsuagatsuma2284]

Bro did you got the source code? Can you plz share if possible 🫠

[@bhumika-dash]

did you got the source code? Can you plz share if possible 🫠

[@stavroskefaleas6320]

This channel is so underrated! Great work!

[@KishanSheth21]

Much appreciated!

[@Azeem_Idrisi]

Just started with this tutorial and man the VSCode tips you are giving is just awesome. I already know most of them but still there are few which I didn’t know. Your way of explanation is also very cool. Thank you for teaching us with good coding practices and great tricks which every beginner must know. Keep it up, lots of love ❤ Wishing you luck ✨

[@KishanSheth21]

Glad you like them!

[@mistakebuddy]

Hi , can you please share the source code with me. It will be very helpfull.

[@bhumika-dash]

can i get the course code i am getting some error

[@ramprasadchauhan7]

Please make AI chatbot bot, we can trained with custom data, use vector database, handle different types files like CSV, pdf. in backend use Langchain js .

[@34adnanali26]

yaar kaunsi gali dun tereko baki yt ko dekh kitna achey sey smjhaya hai unney

[@ravibhosle8478]

Toh vahi jaa k dekhna, Gali isko kyu dega tu, usse jitna hosake utna banaraha

[@Pratik-YT]

awsome bro

[@kapwin1for]

@KishanSheth Nice tutorials. Keep the good work coming. Please consider adding embedded chat widget to this application. There is no chat turorials on KZbin that has the embedded chat widget feature.

[@kabali_da129]

what do you mean by embedded chat in the chatting application?

[@bilalidrishi304]

If you complete this task please share GitHub code, because I have face some error that's why I need your help.

[@bhumika-dash]

can i get the course code i am getting some error

[@arindamdan8689]

One request dont create project only using this technologies nowadays I can see every KZbinrs doing this plss use some other technologies and create some good projects so that everyone can follow that also because this will only limited the development and technologies don't take it personal its just my opinion and the project is looking good

[@yashdarji9593]

Can you suggest this type of project ( I need this)

[@vishalkumar-dp7pi]

Abe apna suggestions gand me dal. Appreciate the hard work.

[@rakeshkumarparida98]

Why are you here ? You are here to give advice? If your tech stack is different go search for that particular tech stack videos. Why did you come here ? To explore?

[@peterabouabsi8427]

React, Nextjs and Angular are the most popular used frontend frameworks. And expressjs for backend as well.

[@husseinserag6217]

Something that I do is that I use my own technologies and just see the features he implements. I am using NestJS as backend for this project for example, cloudinary for Image uploads , also I added a few more features to profile up till now. I also implemented another project which was implemented in the video using NextJs using React and Fastify. I think you get best of both worlds. A good project with a set of good features but isn’t copy pasted as you are using a different technology

[@NguyenBaLam-kj7do]

it's awesome. you can create a chat app version with full features like voice messaging, calling, video calling, sending images, sending files (doc, pdf,..), creating groups and calling in groups.

[@bilalidrishi304]

If you complete this task please share GitHub code, because I have face some error that's why I need your help

[@bhumika-dash]

did you got the source code? Can you plz share if possible 🫠

[@rntbuilds]

Thanks for great tut. I'm Suggesting that before we start writing the css, please elaborate on what we want to achieve so we have a mental modal. Thanks

[@KishanSheth21]

Noted. Thanks for the input, will take care it from next tutorial.

[@TheMarketingMan4U]

Use chatgpt for mental modal. Write. Css as taught and copy and get the explanation.

[@hetpatel1772]

at 2:38:50 i think you have to stop there and also debug the error from backend, i know you might be busy and really want to finish this project as soon as possible but my concerned is if someone have encountered and who is not a good debugger then he/she might not improve in his/her skills.

[@mishra-h8l]

bro i am struck there

[@vishalgurudasani9581]

color === undefined put this there and it will be solved

[@usmanmarkaz]

plz add more features like block unblock delete chat send request for chat to the user and many more plz plz and plz start React Native projects as well plz

[@Fandom_Animations]

Yh you definitely got a point

[@moosaabdullah6437]

why not try to add the features yourself and that way you get to learn something new as well

[@s47392]

​@@moosaabdullah6437 That's why they is something called a 'tutorial' it's meant for you to LEARN what you don't know do you think we'd be waiting and asking for the features if we knew how to implement them

[@moosaabdullah6437]

@@s47392 yehh it is but my point is when you try doing it youself that way you get to learn a lot.. tutorials are meant to get you started and then you work on customising it to your taste.

[@sujalsharma487]

@@s47392 8 hours of tutorial is enough to know how everything is working in this app. and why not try to use chatGpt to get an overview how these features could be implemented? The only way to learn is to implement the things you got in your mind. This doesn't mean you will get that working in the first try but at least you will know how to apply ideas and google about things you don't know. tutorials are just a good point to start :)

[@abhijeetdas8239]

broooo fuck i did not imagine some one is doing such a great job man i mean littrally you have 10 hr video tutorial of full stack apps in you channel like and they are huge projects aaaaaaaaa i have no word to thank you seriously hats off man 🤗🤗🤗🤗

[@DevZoneCodes]

when's your next utorial coming out???? waiting desperately....!!!!!!

[@mundoprogramacion6537]

thanks bro, it would be nice and helpful to make this same chat but using prisma and postgres and redux toolkit, best tutorial on youtube indeed.

[@Any_time_entertaiment_]

Hey kishan , i can not fetch channels messages Pls help

[@bridgenapp]

Hello Kishan, your videos are awesome even for a newbie. You have inspired me to work on a project that I'm very pationate with since I came across your videos. One last question though, you can choose to answer me on DM. Are you working for any startup? If not, are you open for one?

[@ringtones6972]

As im using free deployment(render), the upload and download functionality works temporarily, So if u please make a video on how to do free deployment so that those functionality works permanently or guide us how to do this.

[@zenitsuagatsuma2284]

Bro did you got the source code? Can you plz share if possible 🫠

[@Fandom_Animations]

Yay finally 🎉

[@shreyas8247]

Hey brother...hav u done this project??

[@priyamraj98169]

1:38:00 for my reference

[@truongbuipv]

add features seen and active status will be better

[@toonpur5874]

bhai tu hi hai na wo jo angel priya se mere dost ko paresan karta hai😁😁

[@abhishekcode]

Thanks brother🎉

[@RandomGuy34-j1u]

Some comments are just so stupid...people want him to add all the features 🤣🤣🤣🤣 like try to do it yourself....if you watch and follow the entire video it will not be that difficult to add a block unblock or delete option...they just want every thing ready made so they can clone the github repository and that too for free lol...

[@KishanSheth21]

Bhai hai tu mera 🤣

[@AvikNayak_]

Ha bhai😂. Aur thoda sa Paisa charge karo toh bolte hai ki " Every youtuber is greedy nowadays". Aur woh Banda sirf 5$ charge kar raha tha apne project ke liye.

[@KishanSheth21]

Tu bhi bhai hai mera 😂

[@Shivrajsinh]

​@@KishanSheth21awaz se to gujju laag rhe ho sache gujarati chho bhai?

[@KishanSheth21]

Haan bhai I am from Gujarat.

[@stavroskefaleas6320]

Excellent video. I can't make prettier wrap the tailwind classes over at least a second line. Any ideas?

[@saiury92]

Thanks ! Bros !

[@jeevitharavichandiran6658]

one kind request - pls make the font size bigger, i got eye strain trying to look at the code 😭

[@hetpatel1772]

initial Auth UI setup your video is not showing an issue in Tailwind-CSS but there is an issue with it i configured and also made it work.

[@DevZoneCodes]

same

[@x_kirito_x9694]

bhai code ko to open source rkho taaki atake to code se help mil jae

[@skittles3450]

After implementing the Upload progress % logic(which works for me), I can't upload files with the same name twice in a row. Like I have to upload a file with a different name in between to the send the files with the same name.

[@rajsinha9423]

I'm stuck at the last thing, getting channel message, the messages are being stored in the db but I'm getting the error channel._id is undefined in socket.js file.

[@sdfsfsfd437]

Awesome your work!

[@KishanSheth21]

Thanks a lot!

[@mjawale12345]

Hello Kishan Sethji! I have learnt Mern from Hitesh Chaudhary and subscibed you for your projects on MERN and NextJs, I wanna say that could you please dont make too lengthy videos. And one more thing thay please start from beginner to intermediate level projects from next videos , and kind request that if possible start a new series of projects on a Hindi channel. Whether it's Hindi or English, but you must statt from new unique projects that are rare or noone built in community like Google webstories, Chrome Extensions, Discord js, AI integrated Multi user Real Time app means a Discord or vercel or github app.

[@nabinagrawal8947]

For hosting we need to purchase or it is free ......?????

[@lavkeshprasad7040]

Brother multipleselect which is the shadcnui expansion package is not working and cannot use this package anymore what should be done in this situation

[@RahulBhardwaj-i3t]

is it working now/

[@DevZoneCodes]

same what to do??

[@FinanceMaster_07]

Please clone any stock market broker website just like grow, upstock and angle-one etc. So that we learn how to manage financial web application. Because no one teach this every one clone youtube, chating app no one clone financial web application please make

[@dhruvbaraiya46]

at 5:49:10 when i run my code i continuously requesting the getMessages function when you are not i tried my time but nothing happens what should i do?

[@chabelbossa]

Cool but the code source is not free 😤

[@harshitpandey2330]

Which database did you use?

[@Hubxrt]

one question before i start watching: Do i have to buy the server for the project?

[@KishanSheth21]

No it's not necessary.

[@Hubxrt]

@@KishanSheth21 okay, thank you

[@zenitsuagatsuma2284]

Bro did you got the source code? Can you plz share if possible 🫠

[@gaming_fever00]

bro i have one doubt if at a time only one sided user will active then chat will working or send to another user ??

[@sangeetaprajapati6103]

Can we deploy without using hoister. By using the Verce, Netlify or other free deploy website. If yes, then please tell some free deploy websites for this project.

[@sumaiyajannat7824]

Anyone finish this project? Please rise your hand.

[@vishalranag349]

how can we add a step in the login page where the email is valid and give warning if the account on that email already exists?

[@CodeNinja18]

nextjs se banate to maza hi aa jata

[@KishanSheth21]

New chat app inbound with more features and security using Next.js

[@CodeNinja18]

@@KishanSheth21 i dont get what you just said i mean which New chat app

[@mohammadnaimurrahman1155]

Bro plz, sending file and audio and Video call system 👏

[@Abhishekyadav-l6m]

I'm using Cloudinary to store the images or any files , but in downloading part it is not working , can anyone tell me the solution ?

[@athrvanaik5036]

i got an axios error at 1:30:57 even after following everything, any solution?

[@dgDurgesh]

Sir please tell me can I deploy it on any free platform like vercel or render etc. please give me the some process steps here. what should I have to do?? please! '🙏🙏🙏🙏🙏🙏🙏🙏

[@AnkitKumar-dh1dm]

I get error failed to load jsconfig.json couldnt find tsconfig. Json at 14.45

[@34adnanali26]

can we make it more bttr by allowing webrtc and video calling feautre in chat

[@smartynabil6686]

at 2:40 when he goes back from chat to profile page after setting up data the profile details is still there and when he refreshes the pages it's still there meanwhile after going back my profile data is there but when i refresh the page all my fields get empty and i have to setup the profile again to go to chat page when is it happening? anybody else faced the same issue

[@DevZoneCodes]

nope... its working perfectly fine...

[@smartynabil6686]

@@DevZoneCodes I spent 2 days trying to resolve the issue but still same problem can you share your repo or code so I can make sure where i am going wrong?

[@DevZoneCodes]

@@smartynabil6686 after i finish full project i will share...

[@ИванРагозин-я8я]

h-[100vh] = h-screen

[@CompIT0597]

Please make project using springboot

[@SaiKumarKindigeri-pr6ve]

tailwind css is not being applied.

[@viditparashar767]

is this scalable like what one million chat goes to the server and once and since we are doing db operations in sending massege and all??

[@KishanSheth21]

Haven't accounted for scalability. If you're looking for a more scaleable option then you should use pusher instead of socket.io.

[@zaidkhan4555]

how to fix Invalid scheme, expected connection string to start with "mongodb://" or "mongodb+srv://"

[@harshityadav8852]

simply put that mongodb connection url in " " - double quotes. Exaclty like this "mongodb+srv://"

[@rangadharmateja0]

hi

[@rangadharmateja0]

have u completed this project?

[@harshityadav8852]

@@rangadharmateja0 no i was not coding this project I was just watching for some idea

[@devascript]

@@harshityadav8852 oh fuck brother you are just watching it no my god

[@paythongamer9558]

39:00

[@rounakmukherjee9540]

Hello Sir everything is work properly but my messages not show, can see it in message contanier after refresh once everytime

[@bhumika-dash]

did you got the source code? Can you plz share if possible 🫠

[@thefellowrider22]

After deployment there is no data coming in mongodb

[@elias_nau]

Can anyone please tell me how to create toast notifications if a user is not in the channel the message is sent in but show if he is in another channel?

[@riteshgoswami1596]

4:46:59

[@RahulBhardwaj-i3t]

brthr did you complete the project is it working fine?

[@kamranali-hq7kv]

Webrtc pa aik tutorial bano plz

[@lavkeshprasad7040]

what can i do for create channel please inform

[@aryankashyap9730]

For this project do we need to buy hostinger

[@prathameshkhetre1494]

Are you elon musk

[@insane6511]

[@devshah1386]

Bro if I purchase ur project on link with mentorship than how can u help me on that plzz answer

[@KishanSheth21]

It will be a personal meet where i will solve your issues.

[@kalebtesfaye4454]

You didn't, you promised to have meeting but you didn't, I have purchased your cod but you aren't answering to my email, And you put a meeting for sell in your website that is not fair

[@KishanSheth21]

Just answered to your mail. I don’t see a booking yet. Have you done it? If not you need to book a session. Meetings are separate and it’s not complimentary with the code.

[@Hellsa352]

hi bhaiya bhaiya can you please create chat app in kotlin jetpack compose , with backend in nodejs socket io , express please please bhaiya 😭😭😭

[@34adnanali26]

bhai code public krdey easy hoga banana

[@soumya2985]

bro reuploading same image is not working what can i do?

[@v5046.]

Hello ,when icreate the channel it is created and seen instantly for the creator, but for the rest of the users, the page must be updated to see it, Where would be the error I'm having?

[@rounakmukherjee9540]

You meant a reload/ refres? If yes then I also got the same error

[@v5046.]

@@rounakmukherjee9540 yes , just that

[@RahulBhardwaj-i3t]

@@v5046. did you solved it?

[@Hola-tq4pg]

Currently i am having a problem with the contacts part, i want to create another account to test the contact part, but for some reason it doesn't let me sign up with another email, the error that throws away it's a 500 (Iternal Server Error) and an AxiosError, i have looked at the code and everything seems to fit okay with the video, does someone know what i might be doing wrong and how to fix it?

[@RahulBhardwaj-i3t]

did you solved it?

[@Hola-tq4pg]

@@RahulBhardwaj-i3t no, been thinking about restarting the project

[@ashishpatil5099]

Have you provide the reactjs coures realtime

[@DevZoneCodes]

I am not getting 5:48:56 I retried but still not getting!! pls help me!!!

[@DevZoneCodes]

Someone pls help

[@zenitsuagatsuma2284]

Bro did you solve it?

[@DevZoneCodes]

@@zenitsuagatsuma2284 yes!

[@DevZoneCodes]

@@zenitsuagatsuma2284 yes

[@DevZoneCodes]

@@zenitsuagatsuma2284 yes!!!

[@AbhishekKs-fq4op]

Am getting error on vscode vite copy code

[@sujonpramanik1151]

nice

[@KishanSheth21]

Thanks

[@Technirva]

give me error connect ECONNREFUSED ::1:27017 how can I solve this error ?

[@zenitsuagatsuma2284]

Did you solve the error?

[@Akshaykumar-lu9pv]

You can follow this tutorial in mute also that's not gone make any difference

[@ayushvadiya1486]

can you show your database set5

[@choncolbiswas7252]

live link hain app ka?

[@BeginnerInCoding]

7:54:22

[@mistakebuddy]

can you share the github repo of your project it will be helpfull for me

[@RahulBhardwaj-i3t]

@@mistakebuddy bro did you get the code?

[@paythongamer9558]

44:38

[@raghavjoshi1577]

Bhai shadcn ka error aa rha hai kese resolve Kiya

[@mistakebuddy]

can you share the github repo of your project it will be helpfull for me

[@JC-fd8ho]

why didn't you use an authentication service ?

[@zenitsuagatsuma2284]

Bro did you got the source code? Can you plz share if possible 🫠

[@Adityasharma-ii3dg]

meaning? he did use jwt

[@tanaychhajed1105]

Does it use RESTful API?

[@LolProgrammer]

Yes

[@himanshukumar2782]

Is this project is completely working any one who haveade this can we put this on resume

[@kalebtesfaye4454]

Hi please can you contact me?

[@mistakebuddy]

can you share the github repo of your project it will be helpfull for me

[@premmourya7060]

Redux kyu nhi ?

[@LolProgrammer]

Thank you brother 🫂🙏

[@Crux911]

Anybody actually made the project? Does it work?

[@mistakebuddy]

can you share the github repo of your project it will be helpfull for me

[@zenitsuagatsuma2284]

​@@mistakebuddyBro did you got the source code?

[@zenitsuagatsuma2284]

Bro did you got the source code?

[@nikhil8279]

implement google login

[@ajaydarji5615]

hi

[@Pixel_Phoenix]

Can this project even be done for free?

[@zenitsuagatsuma2284]

Bro did you got the source code? Can you plz share if possible 🫠

[@Dev76194]

any one can please their repository link plz

[@dsa-j8x]

lazy loading ka batana bhul gaya tum

[@miteshvaid3430]

Bro paid kyu kar rakh hai isse

[@sea108_abhishekjeetendrasi4]

34:10 untill i come back

[@34adnanali26]

bhai smjha smjha key code kiyo kro yaar mnay of us will be having this as main proj for resume

[@KishanSheth21]

Can you tell me which concept needs more explanation? I will improve it accordingly. Also I am starting a hindi channel to deliver content more perfectly subscribe it as well. New videos coming next month.

[@34adnanali26]

bhai itan poor flow smjhaney ka feature km rkh lo but achey sey smjhao na yaar wtf i am half way dn now cnt even close this proj becaue i hv to gegt it in resume wtf yaar

[@KishanSheth21]

Just tell me what you are not able to understand? Maybe I can help you. Also I can improve myself then.

[@Crux911]

Hello did you manage to complete this project ?

[@mistakebuddy]

can you share the github repo of your project it will be helpfull for me

[@soumenpal4927]

I want to buy this source code ,Please Help me

[@KishanSheth21]

Please contact on my mail: [e-mail]

[@zenitsuagatsuma2284]

Bro did you got the source code? Can you plz share if possible 🫠