Build and Deploy a Complete Chat App with MERN Stack | JWT, Socket.io, MongoDB | Beginner Friendly

Поділитися
Вставка
  • Опубліковано 15 лис 2024

КОМЕНТАРІ • 971

  • @judejeevanmahendran
    @judejeevanmahendran 9 місяців тому +140

    I am a software development intern who works with both mobile and web applications, and this tutorial is really a gem, anyone who learns this will surely be able to get a job in MERN.
    Good job brother! Love your work.

    • @naveenpandey1880
      @naveenpandey1880 9 місяців тому +3

      Bro I'm facing some issues can you help me ?

    • @pamsquad982
      @pamsquad982 9 місяців тому

      @@naveenpandey1880 tell me which issues

    • @judejeevanmahendran
      @judejeevanmahendran 9 місяців тому

      @@naveenpandey1880 what issue bro?

    • @peter-jb
      @peter-jb 9 місяців тому +3

      Thanks for the advices

    • @dakshhpal
      @dakshhpal 9 місяців тому

      @@judejeevanmahendran I am not getting the "Unauthorized - No Token Provided" error while sending the message at 01:22:00 .

  • @abdallahazme4757
    @abdallahazme4757 9 місяців тому +21

    This was unbelievably good! Your teaching style is super smooth. If you keep up this quality, I can assure you that your channel will quickly become one of the best with the largest audience. I cannot thank you enough for this amazing content

    • @asaprogrammer_
      @asaprogrammer_  9 місяців тому +6

      Appreciate the kind words. You're welcome :)

  • @saitejadamaraju5408
    @saitejadamaraju5408 8 місяців тому +14

    Project, teaching and coding everything is on point. I completed this project today and I can say I've learnt a lot of new things from this like best practices of coding and writing clean code etc., exactly what I was looking for to get hands on practice on expressjs and also brush up my reactjs. Thank you so much!.

    • @asaprogrammer_
      @asaprogrammer_  8 місяців тому +3

      Thank you for the kind words and you're welcome :)

    • @anandsinha2289
      @anandsinha2289 8 місяців тому +1

      Bhai koi dikkat toh nahi aayi na bnane me

    • @chiragtekani8220
      @chiragtekani8220 4 місяці тому +1

      Nope ​@@anandsinha2289

  • @rivergtx4461
    @rivergtx4461 8 місяців тому +20

    Man this is my first Full Stack course and I am learning a lot (i haven't even finished it lmao), keep going with the amazing content

  • @guillaumefra8496
    @guillaumefra8496 8 місяців тому +5

    So it's a very great resource for learning MERN using modern stacks... really! I enjoy learning about authentication, signing up, and how the backend communicates with the frontend. Thank you, man! 😍😍

  • @fightforfitness2256
    @fightforfitness2256 Місяць тому +1

    I have seen the whole video and successfully deployed the website.
    Your teaching style is appreciable. Everything is crystal clear. Thanks a lot for this video 💖💖

  • @ujjwalmaheshwari2327
    @ujjwalmaheshwari2327 9 місяців тому +38

    Awesome bro
    You will definitely achieve the goal of 2024🔥🔥
    Lots of wishes from India bro!!

  • @mrlukec
    @mrlukec 7 місяців тому +9

    OMG, you are amazing man, you really are, this is such high quality, you have shown so many amazing things, practices on how to organize code to have clean code so many things, you show us better approaches and so many things, I've done this and the video is AMAZING and also thanks so very much for showing how to deploy our apps and how to prepare them for deployment, this really contains it ALL! Thank you again!

    • @KasakAnand
      @KasakAnand 4 місяці тому

      hii, Actually I've an issue. After deploying it I'm not able to see avatar. Can you to tell me how can I solve this issue?

    • @pulkitpal6207
      @pulkitpal6207 Місяць тому

      Bro can you give me your github profile for reference of this chat app code

    • @manishparmar3316
      @manishparmar3316 Місяць тому

      @@KasakAnand bro can you send the deployed rendered url

  • @snoudev
    @snoudev 9 місяців тому +18

    You're amazing, please upload an audio & video call 🤩🤩🤩, wishing you all the best

  • @mdnurullah9882
    @mdnurullah9882 13 днів тому +1

    Alhamdulillah. End this Tutorials. Its very Clear, scalable code, not lost any time. no error full writing code in full tutorials. thanks brother love you. i hope this tutorials you added many features update like seen-unseen, group etc

  • @bugrayvz901
    @bugrayvz901 2 місяці тому +5

    You are the most underrated UA-camr, I think. The way you write code and explain things feels very relatable to me as a junior developer.

  • @germingfy
    @germingfy 2 місяці тому +1

    Your tutorial is simple and easy to follow, and your code is so clean. As a junior react developer I've really learned a lot by your videos, thanks so much.

  • @anuragverma7158
    @anuragverma7158 9 місяців тому +22

    one of the best video on this topic 🐼

  • @AdityaVerma-rn9jn
    @AdityaVerma-rn9jn 6 днів тому

    as a beginner you are my favourite youtuber.
    You might be low on numbers but the quality will definitely make users hooked.
    I completed you github API project and now came here to understand real time comm.

  • @AbdulMannan-vk2mz
    @AbdulMannan-vk2mz 7 місяців тому +6

    i just started watching the video, hats off to your hard work!! Love your content, keep adding more and more

  • @lee-xt5oh
    @lee-xt5oh 5 місяців тому +2

    before:half knowledge in mern stack, doubt whether i could complete this project with just a video with no one contact.
    after:yes, i made it . just because of ur teaching level. just amazing . its my first experience to build an chat app.its so amazing that i could figure out the errors and fix on my own. no words . after 3 months i sure i would be a mern stack developer and you are the only reason for it. thanks a lot❤❤❤

    • @RaviKumar-cx3kz
      @RaviKumar-cx3kz 2 місяці тому

      Bro, I am facing an error while getting the conversations , that is while fetching the users after login , the error is status:401, Unauthorized-token.........can you please help me to solve it

    • @lee-xt5oh
      @lee-xt5oh 2 місяці тому

      @@RaviKumar-cx3kz bro use chat gpt. as a beginner i got a 100's of errors , and i passed all of them using chat gpt. this makes our skill improve. now i am solving max errors on my own. so use chatgpt try and try no worries

    • @rachitkothadia
      @rachitkothadia Місяць тому

      you have any social media we can connect on? I have some doubts

  • @coldplay2268
    @coldplay2268 9 місяців тому +12

    Great video bro 🔥 🎉.
    Thanks to youtube algorithm for suggesting me this video.😅

  • @Abhilashsetty
    @Abhilashsetty 20 днів тому +2

    finally completed this project
    and learnt many things keep going

    • @himanshurai2854
      @himanshurai2854 17 днів тому

      Is this responsive? And how long did it take to complete this project?

  • @samimoqbel9348
    @samimoqbel9348 7 місяців тому +4

    I've just finished this tutorial and i want to thank your for your effort. That was one of my best tutorials i've done so far. thanks again!

    • @gunjan3575
      @gunjan3575 7 місяців тому

      How to make this app responsive for mobile devices, like showing only sidebar when no conversation is selected and showing only messageContainer when a conversation is selected and adding a back button on top right/left corner to unselect conversation and go back to sidebar. Also while not changing the desktop view (showing both components as you did in this video for desktop screen)

    • @lalitzzsharmaz1724
      @lalitzzsharmaz1724 2 місяці тому

      Did you face any problem on this?????

    • @pulkitpal6207
      @pulkitpal6207 Місяць тому

      Bhai apna github repo ka link dena

  • @Heyyaaaaaaaaaa222
    @Heyyaaaaaaaaaa222 6 місяців тому +4

    in the Message.jsx component you can add this tailwind css class break-words so if the message is big the letters will not overflow out the bubble add it next to the chat-bubble property

  • @anarbairam
    @anarbairam 8 місяців тому +4

    watched the tutorial in one go. it is very clear and informative. thanks!

  • @codepythonYT
    @codepythonYT 4 місяці тому +1

    Hats off sir , i really impressed with your teaching techniques. First show error and its solution. And where a beginner programmer can made mistake, that true awesome.
    And i observed these point then i really excited about mongoDB model . 32:00 Where i can write collection name manually. That answer you told that amazing . I am impressed because no one tell me that details.
    Thanks you sir .

  • @adnanibrahim9533
    @adnanibrahim9533 8 місяців тому +4

    You are amazing ❤️❤️
    You're explaining every bit and teaching how to optimise! Another level 🔥🔥

  • @Rtarachand02
    @Rtarachand02 7 місяців тому +2

    Well explained . I loved. Thank you for a great teaching , teaching of coding methods, and step by step testing procedures.

  • @azharahmad3595
    @azharahmad3595 9 місяців тому +10

    I have just watched 15 min of this. The way u 've explained is super. Keep up the good work bro.

  • @harshitapaliwal7566
    @harshitapaliwal7566 3 місяці тому +2

    Finally completed the project.stuck in soo many errors and somehow solve errors by own is satisfying.Thankyou for tutorial.☺

    • @vaishnavisharma4180
      @vaishnavisharma4180 3 місяці тому +1

      Hey, Harshita
      I got an error while signing up, "Unexpected end of json input"
      Can you help me in resolving this?

    • @harshitapaliwal7566
      @harshitapaliwal7566 3 місяці тому

      @@vaishnavisharma4180 Hello,
      check the data you are sending are correct and fulfilling validation or check your api url it is correctly mapped.
      log in client and server code to check where you are stucking.
      check postman if your postman routes working fine then there is issue in your frontend code.
      take help of chatgpt by clearly mentioning issue you are getting

    • @CodingWithMuntaha
      @CodingWithMuntaha 3 місяці тому

      Ask chat gpr​@@vaishnavisharma4180

    • @tuhinghosh9737
      @tuhinghosh9737 2 місяці тому

      Bro chat-bubble is working correctly??

    • @rachitkothadia
      @rachitkothadia Місяць тому

      you have any social media we can connect on? I have some doubts

  • @sudhanshudubey2581
    @sudhanshudubey2581 9 місяців тому +9

    Please make one shot tutorials so that we can learn from tutorial then apply watching the same video you created

  • @gurugastgar5459
    @gurugastgar5459 9 місяців тому +4

    im loving the project but at some places im using my own logic, ur great man, its like this kind of project i was waiting for.
    I would reallly appreciate if you could tell beforehand what we are going to use so that we could get some hint for learnig and building it on our own....... but great work
    💜

  • @HimaniSingh-yv4bw
    @HimaniSingh-yv4bw 2 місяці тому +1

    The attention to detail is insane!! Great tutorial.

  • @kushsharma862
    @kushsharma862 9 місяців тому +48

    Finally I completed this project , it was really nice but I'm facing only one bug about that chat bubble start and end 😭 I'll debug this later but yeah thank you for this project buddy, keep up the good work

    • @dhivagardhivagar7993
      @dhivagardhivagar7993 9 місяців тому +7

      bro did you accessed the token in protectRoute i have an issue with that can you help me

    • @kushsharma862
      @kushsharma862 9 місяців тому

      @@dhivagardhivagar7993 you can console log token and if it's showing the undefined then start your backend server and frontend development server together

    • @asaprogrammer_
      @asaprogrammer_  9 місяців тому +5

      Great job! 🎉

    • @kushsharma862
      @kushsharma862 9 місяців тому

      @@dhivagardhivagar7993 do a console log of token and if it's saying undefined then start both backend and frontend server then maybe your issue will be solved

    • @theallrounder-uttkarshkesh679
      @theallrounder-uttkarshkesh679 8 місяців тому

      Hello ! I want to learn backend.. Suggest me channel jha se tm logo je padha ho

  • @PrinceofDev
    @PrinceofDev 9 місяців тому +9

    I'm 23 minutes in and you already got a subscriber greate content

    • @asaprogrammer_
      @asaprogrammer_  9 місяців тому +1

      Glad you liked it.

    • @lillyput2275
      @lillyput2275 8 місяців тому

      I just tapped on the video and one subscriber added❤

  • @MarkAnderson24
    @MarkAnderson24 9 місяців тому +5

    Great video, very well explained and easy to follow, and the order that everything was done made so much sense and was very clear. Thank you so much!

    • @asaprogrammer_
      @asaprogrammer_  9 місяців тому +1

      Glad you liked it!!

    • @MarkAnderson24
      @MarkAnderson24 9 місяців тому +1

      @@asaprogrammer_ having a bit of a problem at 3:18:02 tho, i am able to go onto the homepage just fine(so i assume it is reading the token correctly) but i am getting a 401 error when i try to fetch the conversations({"error":"Unauthorized - No Token Provided"}). What could be the reason for this? Been trying really hard to figure out but have had no luck. Either way, thank you for the great video.

    • @MarkAnderson24
      @MarkAnderson24 9 місяців тому +1

      it seems to not generate the "jwt" token in my cookies the same way that it does in post man, my token is just called token

  • @himanshuhota01
    @himanshuhota01 9 місяців тому +5

    Just one word to say bro : MINDBLOWING 🚀🚀🚀🚀🚀🚀🚀🚀

    • @himanshuhota01
      @himanshuhota01 9 місяців тому

      would love to connect you on linkedin

  • @dayababuchinthaguntla6847
    @dayababuchinthaguntla6847 9 місяців тому +11

    Most satisfying tutorial on mern stack....excellent skills man 🎉 thanks and Cheers 😊

  • @L0kacitron
    @L0kacitron 6 місяців тому +1

    Ty for this tutorial! It was a lot of fun to follow along. For practise sake I made another design in the frontend, still using daisyUI and their themes to implement darkmode. For my forms I used react-hook-form with zod and I used typescript for the frontend. This project was a lot of fun and I will expand on it. Cheers!

    • @Krishna-er1pb
      @Krishna-er1pb 6 місяців тому

      Can please help me I am stucked

    • @BoldLenz
      @BoldLenz Місяць тому

      ​@@Krishna-er1pbwhy people don't bother to help each other when everyone is a learner, and learning is fun?

  • @faraz9641
    @faraz9641 9 місяців тому +6

    Loved this . im gonna try to recreate it. Wish me Luck!

  • @ScriptCodec
    @ScriptCodec 6 місяців тому +2

    This is infact the most valuable video I've watched on UA-cam.
    Thank you for this informations.

  • @Sayantan_627
    @Sayantan_627 8 місяців тому +4

    Finally completed this project within 4 days... Thanks for this amazing project... Keep posting amazing content. Now I will work on your NextJs project...

    • @Sayantan_627
      @Sayantan_627 7 місяців тому

      @a.b.x.543 haa... agar har din 6-7 ghanta karega toh ho jayega

    • @RaviKumar-cx3kz
      @RaviKumar-cx3kz 2 місяці тому +1

      Bro, I am facing an error while getting the conversations , that is while fetching the users after login , the error is status:401, Unauthorized-token.........can you please help me to solve it

    • @RaviKumar-cx3kz
      @RaviKumar-cx3kz 2 місяці тому

      @@kgCode658 3:11:50

    • @BoldLenz
      @BoldLenz Місяць тому

      ​@@RaviKumar-cx3kzresolve hua?

    • @RaviKumar-cx3kz
      @RaviKumar-cx3kz Місяць тому

      @@kgCode658 3:12 ..Get onversation......When I hit the api with postman then it is working but when when I am sending get request from browser then it is not working

  • @karanbolake1174
    @karanbolake1174 22 дні тому

    Thank You!! I Completed This and its Best Project Explanation and I learn many things during making this chat app
    Thank You!!!

  • @ahmedezz3153
    @ahmedezz3153 7 місяців тому +5

    i have completed the app, but when i send a MSG to another person, could not be sending and i should make refresh for the page to see the MSG, please advise me ASAP ... thank you

  • @joyjeetmukherjee8680
    @joyjeetmukherjee8680 8 місяців тому +1

    just finished this tutorial..... Dude..this is just awesome got to learn many many thing
    .... Lots of Love from India❤❤

  • @debasissahoo4997
    @debasissahoo4997 9 місяців тому +3

    fianlly it took me 2 weeks and 5 days to complete . thank you bro , love you

  • @RajendraTharu-k9e
    @RajendraTharu-k9e 5 місяців тому +1

    You earned a new subscriber man. Such a quality content, this is what I was looking for. Thank you n I wish you will achieve your dream.

  • @ayushghosh5855
    @ayushghosh5855 9 місяців тому +3

    Majestic content!
    will follow it along and keep updating just for my own sake

    • @ayushghosh5855
      @ayushghosh5855 9 місяців тому +2

      just started an hour ago
      Have set up the database and signup endpoint

    • @ayushghosh5855
      @ayushghosh5855 9 місяців тому +1

      Just completed till logout functionality

    • @replymeasapp
      @replymeasapp 9 місяців тому

      now?
      @@ayushghosh5855

    • @ayushghosh5855
      @ayushghosh5855 9 місяців тому +1

      completed it 4-5 days ago
      added the seen functionality

    • @pranavbagal9988
      @pranavbagal9988 8 місяців тому

      Bro can u help me in Conversations file when we get the users from database i am getting error that unauthorized token not provided but if i do the same thing in postman it works fine

  • @cemilhanasoglu8075
    @cemilhanasoglu8075 5 місяців тому

    Kardesim anlatiklarin cok güzel ve önemli konular cok iyi anlattin. Senden gurur duyorum. Insallah hep öyle devam edersin.

  • @ashutosh_tiwari
    @ashutosh_tiwari 9 місяців тому +5

    Amazing and easy to follow keep it up!!✨🥂

  • @centralcoding
    @centralcoding 8 місяців тому +4

    i hope i will comeback soon after completing my current project, it looks good

  • @tgayush1424
    @tgayush1424 9 місяців тому +3

    started watching seems very understandfull video , getting everything

  • @AbhishekTiwari-kq5ub
    @AbhishekTiwari-kq5ub 4 місяці тому

    What a Work..🔥🔥🔥 hats off to u, the way you teach the way make it simple. Loving your way of teaching and making project.♥️

  • @kasunisarangi1039
    @kasunisarangi1039 9 місяців тому +3

    Thank you so much ❤❤❤
    Can we add group chat feature for this? Can we learn about group chat from this video ?

  • @kabitanarzary3971
    @kabitanarzary3971 26 днів тому

    i have completed this project,. Thank you so much As a Programmer

  • @SoftwareSolutions0.1
    @SoftwareSolutions0.1 9 місяців тому +3

    Amazing course!

  • @prashantbhardwaj6698
    @prashantbhardwaj6698 8 місяців тому +1

    Thanku Bro.🤗🤗 For amazing MERN project . Lots of love ❤❤ from India

  • @omareid2491
    @omareid2491 9 місяців тому +3

    Thank you 😍😍
    It's excellent content

  • @dimorischinyui1875
    @dimorischinyui1875 8 місяців тому +2

    Thanks for your amazing content🥳🥳. Your teaching style is truly the best and the most indepth I have seen on this topic. Plus you make everything truly beginner friendly. Thanks again. Also please if you cancreate a tutorial on integrating audio and video call we will be so grateful. You gained a subscriber.

  • @mahendranath2504
    @mahendranath2504 9 місяців тому +3

    wow, thank you so much for sharing the knowledge

  • @vaibhavsharma4743
    @vaibhavsharma4743 8 місяців тому +1

    Completed this project and learned a lot from this project. Love you man♥.

    • @shivshantupadhyay1830
      @shivshantupadhyay1830 6 місяців тому

      Is there any bug of chat bubble you faced ,like entering the message and got error related??

  • @abhishekgaming6761
    @abhishekgaming6761 9 місяців тому +3

    Great video bro|
    Add notifications also.

  • @Movieeditspro
    @Movieeditspro 8 місяців тому +2

    Just Completed it ,Great man hats off

    • @shesparks64
      @shesparks64 8 місяців тому

      getting error while deployment on render - at error (file:///opt/render/project/src/frontend/node_modules/rollup/dist/es/shared/parseAst.js:337:30)

  • @senibodon-pedro9327
    @senibodon-pedro9327 9 місяців тому +5

    Back with another banger🎉🎉

  • @josechiquintal1095
    @josechiquintal1095 7 місяців тому +1

    Damn!!! Thanks brother, literally this what i need!!

  • @greencriminalshorts4687
    @greencriminalshorts4687 9 місяців тому +3

    Thank you for this I have learned a lot from this

  • @Hilalishere
    @Hilalishere 8 місяців тому +1

    Oh, what a coincidence! At exactly 3:50:55, U mentioned it's 4 AM, and i was having the exact same time. Also the video length is same .That's pretty funny!

  • @vikramsamak
    @vikramsamak 9 місяців тому +3

    Great tutorial

  • @muzzammilnoorkhan4536
    @muzzammilnoorkhan4536 7 місяців тому

    I like that very much , and i knew only javascript but the way you taught is amazing and i grasp all the concepts of Mern Stack . Keep it up bro , we are waiting for more complex amazing projects .

  • @kushsharma862
    @kushsharma862 9 місяців тому +3

    You are Awesome buddy!

  • @yashtaneja2462
    @yashtaneja2462 11 днів тому

    It was a nice one 🎉, my first full stack project , pls make a real time device tracking using mern stack, for beginners it will help a lot ❤

  • @anilrai9401
    @anilrai9401 9 місяців тому +4

    The project is awesome but there is a bug, if user A and B are online and user A sends a message to user B but the user B has selected chat C to talk with then the message sent by user A gets undated in the chat feed of C and B, although on refreshing the page the message is removed from the chat of C and B but still it is a big problem. please resolve it or tell us how to resolve it.

    • @asaprogrammer_
      @asaprogrammer_  9 місяців тому +1

      I think this can be fixed with a couple if checks. This is where practice comes into play 🙂

    • @anilrai9401
      @anilrai9401 9 місяців тому

      @@asaprogrammer_ I tired to resolve it but could not.

    • @codeforlifehere
      @codeforlifehere 9 місяців тому

      if you werent able to solve this drop a reply, I will help

    • @pineapplejuice9814
      @pineapplejuice9814 9 місяців тому

      @@codeforlifehere please help

    • @rajlakhera1940
      @rajlakhera1940 8 місяців тому

      I am got one but that when user1 is logged in and when user2 login then user1 get logged out. Please help me to fix this error. @@asaprogrammer_

  • @LeonidLeskin
    @LeonidLeskin 6 місяців тому

    Спасибо парень, ты настоящий эксперт) То, как ты это реализовал заслуживает благодарности. Ты проделал огромную работу)

  • @shinopark
    @shinopark 7 місяців тому +3

    Is it just me or is the real time feature not really working? I have to refresh the page to see messages and I don't see anyone online.

    • @sabarikrishna4900
      @sabarikrishna4900 6 місяців тому +1

      Was the issue fixed? Or is the feature not working

    • @sabarikrishna4900
      @sabarikrishna4900 6 місяців тому +1

      Was it fixed? Or is the feature not working

    • @muhammadumerbaig3607
      @muhammadumerbaig3607 3 місяці тому +1

      same bug for me, any updates?

    • @kaspersanders4511
      @kaspersanders4511 2 місяці тому

      bro let us know because sht aint working. this is my 2nd time doing this website and i can never get passed this

  • @agentwolf1818
    @agentwolf1818 6 місяців тому +1

    Bruhhh, you deserve 100x more subscribers, too good

  • @ananthegde2107
    @ananthegde2107 9 місяців тому +4

    I know react ,but I don't know backend technology, can I start this course?

    • @ZeshanMukhtar1
      @ZeshanMukhtar1 9 місяців тому +3

      Yes but u will face some problems related to back end configuration, I suggest you to fist get basic knowledge of backend

    • @clumsypotato2065
      @clumsypotato2065 9 місяців тому

      ​@@ZeshanMukhtar1 Hey bro you completed this project?

    • @ZeshanMukhtar1
      @ZeshanMukhtar1 9 місяців тому

      @@clumsypotato2065 didn't, but I know MERN , so I replied to u based on my past knowledge

    • @muhammadumerbaig3607
      @muhammadumerbaig3607 3 місяці тому

      use chai & code to learn backend basics, similar condition for me. learning with Sir Hitesh and go troughing this code again and again as I learn new concepts

  • @surajmaurya9401
    @surajmaurya9401 5 місяців тому

    This is the first UA-cam channel to which I have subscribed.

  • @manumanoj7052
    @manumanoj7052 6 місяців тому +3

    bro message is not updating in realtime. we need to refresh the page every time we chat

    • @shivanshkrishna3571
      @shivanshkrishna3571 6 місяців тому

      Did you manage to make it work?

    • @muhammadumerbaig3607
      @muhammadumerbaig3607 3 місяці тому +1

      same issue, i cloned his code but still doesn't work. infact none of the socket functionality is working, I have to build on top of this app, as this is the starter point

    • @kaspersanders4511
      @kaspersanders4511 2 місяці тому

      @@muhammadumerbaig3607 did you get it to work yet?

  • @milesning7483
    @milesning7483 6 місяців тому +1

    Completed and deployed. Thanks you so much. Fun learning experience.

    • @asaprogrammer_
      @asaprogrammer_  6 місяців тому +1

      Great to hear

    • @shivanshkrishna3571
      @shivanshkrishna3571 6 місяців тому +1

      Realtime chat functionality is not working, the chats are only being displayed when I am refreshing the page , how to resolve?

    • @shivanshkrishna3571
      @shivanshkrishna3571 6 місяців тому

      ​@@asaprogrammer_ Messages is not being displayed in realtime, please solve this issue

    • @SumanDevi-qf6he
      @SumanDevi-qf6he 5 місяців тому

      ​@UCi9oHge2jbz3GoimLBVmDEQ Same problem are you fixed it

  • @arixyt07
    @arixyt07 7 місяців тому +3

    hey i am a student i have to submit chat application in my collage as project but i dont know mern stack. Can Anyone help me with setting up this project and complete it please.

  • @sugamsingh5213
    @sugamsingh5213 4 місяці тому

    Amazing tutorial. Easy to follow and you explain everything so nicely. really thankful for this man!

    • @Harsh_XDrizz-yx3ll
      @Harsh_XDrizz-yx3ll 4 місяці тому

      are u done with this tutorial , is there any errors u have encountered that is no the part of the tutorial

    • @sugamsingh5213
      @sugamsingh5213 4 місяці тому

      @@Harsh_XDrizz-yx3ll not quite..

    • @sugamsingh5213
      @sugamsingh5213 4 місяці тому

      @@Harsh_XDrizz-yx3ll no errors

  • @progamingdz5717
    @progamingdz5717 7 місяців тому +3

    In 3:45:00 threse error when I send message
    _Id is not define or cannot reading _id but when I refresh the page
    I saw the message
    Any one have ideas

    • @PrajjvalMishra-x1y
      @PrajjvalMishra-x1y 7 місяців тому

      updating message is an asynchronous operation, when you send the message at the moment the new message not get set and giving you undefined for all the properties of that message like message._id, message.message

    • @progamingdz5717
      @progamingdz5717 7 місяців тому

      @@PrajjvalMishra-x1ywhat is the solution

    • @AryanTomar_2025
      @AryanTomar_2025 7 місяців тому

      @@PrajjvalMishra-x1y how to solve this error

  • @ramprasadchauhan7
    @ramprasadchauhan7 7 місяців тому +1

    Thank you, I have successfully deployed this chat app .

    • @mx23_10
      @mx23_10 7 місяців тому

      Brother populate isn't working 🥲🥲 it shows : Cannot populate path `messages` because it is not in your schema. Set the `strictPopulate` option to false to override

    • @ramprasadchauhan7
      @ramprasadchauhan7 7 місяців тому

      @@mx23_10 please check model , have you gives right ref and type in conversation and message model.

  • @ShivanandDubey-kg2lr
    @ShivanandDubey-kg2lr 7 місяців тому +3

    The real time feature isn't working

    • @kaspersanders4511
      @kaspersanders4511 2 місяці тому

      same here. this is the 2nd time doing this website and each time i get stuck here. It annoying being stuck 20 minutes before the end of the video. Did you figure it out? cuz i still need help

  • @tuhinghosh9737
    @tuhinghosh9737 2 місяці тому +1

    Finally completed the project thank you so much 🎉❤

    • @Ajstyles-r1t
      @Ajstyles-r1t 2 місяці тому

      Bro im in 3rd sem , we are doing miniproject, I wanted to know what all tools he used in this project. Did he use react,node js and mongodb?. Coz my teacher said these should be compulsory

    • @tuhinghosh9737
      @tuhinghosh9737 2 місяці тому +1

      @@Ajstyles-r1t yes he did

    • @anuragdutt36
      @anuragdutt36 Місяць тому

      Bro can you please share your GitHub

  • @jitxhere
    @jitxhere 9 місяців тому +2

    Good job bro. This is a nice and beginner friendly.
    I am writing this in typescript so I will share once completed. Guys take it as a challenge and try this in typescript.
    Also I am planning to add webrtc to it for audio and video calling. I will have to learn it

    • @asaprogrammer_
      @asaprogrammer_  9 місяців тому +1

      That's the spirit man! Keep building.

  • @animeshmaiti3301
    @animeshmaiti3301 5 місяців тому

    you are realy good and clear you are not just coding you also telling how to, Where to get things.

  • @Iam_ashishkumar
    @Iam_ashishkumar 9 місяців тому +1

    Please make the technology tutorials video also like , react or node , so they we can have an idea of the technology , then go through your projects videos , it will of great help

  • @trieukhanh4946
    @trieukhanh4946 6 місяців тому

    awesome video, the explanation is comprehensive for a starter like me.
    thanks to youtube algorithm for suggesting me

  • @DanmarksBedsteGaming
    @DanmarksBedsteGaming 7 місяців тому

    I'm only 30 minutes in and already learned a few things I had missed on other videos. Thank you.

  • @KameshR-d4x
    @KameshR-d4x 4 місяці тому

    Thanx for the wonderful video , you just Rocked it man🤩🤩
    The development was so interesting , didn't get bored anywhere...
    That was a wonderful project💥

    • @paracetamol5031
      @paracetamol5031 4 місяці тому

      you completed the project???
      should i start??
      My placements are getting started from next month so please help i want to add mern project on resume 😢

    • @lakshyamahawar8701
      @lakshyamahawar8701 4 місяці тому

      @@paracetamol5031 No don't start this project

  • @ayushgupta8538
    @ayushgupta8538 7 місяців тому

    Thank you so much for this project... This time I got a feel for the first time that I am working on a "Project"

  • @vengalrao5772
    @vengalrao5772 Місяць тому +1

    For those who are facing error in jwt
    Keep Cookie in headers
    Key -- Cookie
    Value -- jwt={your jwt value}

  • @anandrp8456
    @anandrp8456 5 місяців тому

    Thanks a lot bro, learned a lot,
    a small suggestion, if you split this long video as a playlist and made with 10 different part that will be more amazing.

  • @arpiitKumar
    @arpiitKumar 7 місяців тому

    best mern stack video i have ever seen, great work bro keep it up

  • @brijmohan_f_s
    @brijmohan_f_s 5 місяців тому +1

    Best explanation bro. Thanks to youtube for suggesting this and to you for this awesome content😅😅

  • @CINECOMBO
    @CINECOMBO 7 місяців тому

    I hope you did not forgot to make the 2nd part of this (with love)

  • @DMZT_dhruv
    @DMZT_dhruv 8 місяців тому

    hey bro it took me 3 days to complete it and I learnt a lot of things such as how to write more readable code, how to create custom hooks specifically for fetch purposes, I leant about authentication and a secure auth with http flag, and also main socket thanks bro a lot of premium quality content thank you so much rooting for you from afar your channel is the best. You explanation, your voice, everything is perfect!!!

    • @asaprogrammer_
      @asaprogrammer_  8 місяців тому

      Appreciate the kind words 🙂

    • @pratyushpragyey7002
      @pratyushpragyey7002 5 місяців тому

      hey, when i'm using the authcontext it's thoriwng an error message saying TypeError: Cannot destructure property 'authUser' of 'useAuthContext(...)' as it is undefined.any idea how to resolve this one?

    • @chetna-ld2tl
      @chetna-ld2tl Місяць тому

      Have u got the answer?​@@pratyushpragyey7002

  • @sinxayush
    @sinxayush 9 місяців тому +2

    Please Please Please make an indepth tutorial series on React !!! Please. You have good knowledge and it would really help, if not please suggest me resources where i can learn it from

  • @randomvideeoooo
    @randomvideeoooo 8 місяців тому

    sen adamsın hiç kimse senin gibi anlatmıyor!

  • @tanushkjain1358
    @tanushkjain1358 7 місяців тому +1

    Bro beautifully implemented 😊

  • @chungphamthanh5061
    @chungphamthanh5061 6 місяців тому

    so amazing this is the best video about chat i have ever seen =)) so ez to understand it , 4h40minutes but i watch about 25-30 to understand all of this .thank you so much . hope you release more interested video same this.

    • @chungphamthanh5061
      @chungphamthanh5061 6 місяців тому

      I tried to get the message using react query but it seems to be infinite. Do you have any way to fix this error?

    • @chungphamthanh5061
      @chungphamthanh5061 6 місяців тому

      const parseData = useCallback((item) => {
      const list = item?.list?.map((data) => {
      return {
      id: data?._id,
      bid_price:data?.bid_price,
      username:data?.username,
      bid_time:data?.bid_time,
      };
      });
      const highest_price = item?.highest_price
      const product = item?.product
      setMessage(list)
      return { list , product , highest_price };
      }, []);
      const { data, isSuccess, isLoading,isError } = useQuery({
      queryKey: ["getTopBidListOnlineAuction",id],
      queryFn: () => getTopBidListOnlineAuction(id),
      staleTime: 20 * 1000,
      select: (data) => parseData(data.data),
      enabled : !!id,
      });

  • @sang4005
    @sang4005 9 місяців тому +2

    Great video , you nailed it but next time consider small screens

  • @_sf_editz1870
    @_sf_editz1870 7 місяців тому +1

    Completed sir ❤