MERN Stack Project: Realtime Chat App Tutorial - React.js & Socket.io

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

КОМЕНТАРІ • 119

  • @pastorjorgeaguilar
    @pastorjorgeaguilar 9 днів тому +8

    At the end, you dont know how much i am waiting for this proyect. Thanck you zenzei

  • @DellG15-e3h
    @DellG15-e3h 7 днів тому +6

    It is the first project that made me compelled to build it since i saw it.Thanx for such a valuable content and appreciating u a lot❤!!

  • @Glorian692
    @Glorian692 9 днів тому +15

    Bro the thing i will never regret in my life is subscribing to your channel. You are really a mentor.

  • @aayushsubedi2879
    @aayushsubedi2879 9 днів тому +2

    Was just scrolling on your profile , to see if any new video is there and here it is 🎉

  • @SAMUEL__DEV2
    @SAMUEL__DEV2 9 днів тому +3

    At last the course I've been waiting for ❤❤❤

  • @nelsonke6840
    @nelsonke6840 9 днів тому +4

    Back with another banger video 🥳

  • @mohammedimthiyaz5225
    @mohammedimthiyaz5225 9 днів тому +2

    Omg!! you are a blessing to coding community

  • @sonalkumar3366
    @sonalkumar3366 9 днів тому +2

    Hey you are really amazing because I have learnt a lot from you. It would be great if you showed us like in a short or a short video separately how to deploy it in Vercel or Netlify. Keep doing the great stuff buddy! 💪🏻

  • @JeanBaptisteChabi
    @JeanBaptisteChabi 9 днів тому +3

    Thanks for that statement, windows fans here, and yes windows is better❤❤

  • @CRCE__Hardik_Prajapati
    @CRCE__Hardik_Prajapati 9 днів тому +1

    thank you so much for this. I am preparing for full stack roles. this would definetly help.

  • @panzagamesplay902
    @panzagamesplay902 6 днів тому

    One of the best channel for MERNSTACK,I have learn alot from your tutorials, Please can you do video on Blog apps,where there is admin dashboard

  • @swarnabhamajumder9561
    @swarnabhamajumder9561 8 днів тому

    Superb project sir, I have been follwoing this channel for a while now and I have learned a lot form you. Can expect some nextjs project next or mern project but in full typescript, it would be great to learn all of it from you. Thank you again for this amazing project learned a lot.

  • @robertocastro1120
    @robertocastro1120 3 дні тому

    Thank you bro, i have just finished and it worked well

  • @_sujit004
    @_sujit004 6 днів тому

    Thank you, i build my another project by following you 💞

  • @sarthakitaliya7660
    @sarthakitaliya7660 4 дні тому +1

    thanks a lot. I learnt a lot from the tutorial

  • @BLINKBOXHD
    @BLINKBOXHD 8 днів тому

    Hello, another great tutorial as always! Could you do more beginner projects? You explain new concepts way better than most courses I have paid for

  • @shreerammutukundu3149
    @shreerammutukundu3149 6 днів тому +2

    Loved your videos bro, Could you start nextjs based projects

  • @MakeHappyBeHappy2426
    @MakeHappyBeHappy2426 9 днів тому +1

    Hi,
    I hope you're doing well! I’m a big fan of your content and have learned so much from your tutorials. They’ve been incredibly helpful in improving my skills in web development.
    I was wondering if you could consider creating a crash course on Next.js.
    Thank you for all the effort you put into creating valuable content. Looking forward to your reply!

  • @tanjimitsolution8449
    @tanjimitsolution8449 9 днів тому

    Thank you so much for this amazing content. Please make next time banking system

  • @chintanmakwana9262
    @chintanmakwana9262 7 днів тому

    you are just genius.....out of words ......great work

  • @Sneakingmentor
    @Sneakingmentor 9 днів тому +1

    Fully excited. Bro can you bring a mini ecommerce platform in Next js with payment gateway

  • @-mohammadalakedy5417
    @-mohammadalakedy5417 9 днів тому +1

    Thanks burak , We Want Build lms courses platform with nextjs bro ❤

  • @hardikpateriya2692
    @hardikpateriya2692 7 днів тому +1

    you gained a sub, hats off

  • @khaledhussein957
    @khaledhussein957 9 днів тому

    I liked it 😊 please next video build freelancer websites using mern 🙂

  • @ajayupadhyay-x4m
    @ajayupadhyay-x4m 4 дні тому +1

    Bro, you're an amazing mentor! The way you explain and teach is fantastic. Thanks, brother! I completed it in 2 days with a much better understanding.

    • @vasusrivastav
      @vasusrivastav 3 дні тому +2

      Really did you complete it
      As I have facing the errors of pictures and profilepic not uploaded on cloud
      Could you share host url ,
      As I have doubt because it's source code also broken and hosted url is not available

    • @ajayupadhyay-x4m
      @ajayupadhyay-x4m 2 години тому

      @@vasusrivastav ok

  • @marvellousodili5941
    @marvellousodili5941 9 днів тому

    Thank you
    This is just what I wanted

  • @johndemon5651
    @johndemon5651 4 дні тому +3

    When I try to upload the file, this error is showing. And the file is 100kb image file. How can I solve this ?
    "PayloadTooLargeError: request entity too large"

  • @georgekibe1786
    @georgekibe1786 9 днів тому

    This is so great, I love this and needed it, would you show us how to dockerize this using nginx for production?
    Keep on educating us

  • @BrandonTraviss
    @BrandonTraviss 6 днів тому

    1:23:22
    res.status(500).json({ error: "Internal Server Error" });
    should be
    res.status(500).json({ message: "Internal Server Error" });
    or every other
    res.status(500).json({ message: "Internal Server Error" });
    should be
    res.status(500).json({ error: "Internal Server Error" });
    Just to be consistent. Since we have not touched the frontend yet in the video I do not know which so I am just going with message and will change all to error later if need be to make clientside errors easier to display by checking if error exists in the response object

  • @lucasromanowskicorso9897
    @lucasromanowskicorso9897 9 днів тому

    Amazing project. Thanks.

  • @mdarifislam6014
    @mdarifislam6014 2 дні тому

    Thank you very much bro :)

  • @Nomi951
    @Nomi951 3 години тому

    Really appreciate it but it would be better if you use bigger fonts,

  • @thecaptain551
    @thecaptain551 2 дні тому

    Sir your projects was awesome, sir can you create one for Expense Tracker App?

  • @bilal5488
    @bilal5488 9 днів тому

    🥺thankewwww sooooooo muchhhhhhhhhhh ap looking for that and i have list out 2 to 3

  • @AllInOne-vz3cm
    @AllInOne-vz3cm 6 днів тому

    Very Informative video Sir,
    How to Implement the Emoji Picker in text area and set the lock concept for privacy
    Please guide Sir

  • @sinan193
    @sinan193 3 дні тому

    keep it up kardes!

  • @hamudxd9497
    @hamudxd9497 9 днів тому

    KEEP IT UP ❤

  • @nelsonke6840
    @nelsonke6840 9 днів тому

    Can you add apart for implementing video calls , groups and emojis bcoz I really learn a lot from your videos

  • @peterchinoko4339
    @peterchinoko4339 9 днів тому

    🎉Bro, is not in the kitchen but he cooked ❤

  • @vipulgupta4125
    @vipulgupta4125 9 днів тому +1

    Next Project use Redux-Toolkit for state management.

  • @pastorjorgeaguilar
    @pastorjorgeaguilar 9 днів тому +1

    If its posible a Udemy clone Whit react and mern stack, no next js, only react Like you have done the other proyect, nobody have done something like that. Thanks

  • @anony-xk3en
    @anony-xk3en 5 днів тому +1

    Good for beginners to learn the basics, but it lacks practical application and real-world use cases. To make it more comprehensive, implement the necessary logic in Part 2.

  • @AshwiniKumar-s7c
    @AshwiniKumar-s7c 4 дні тому

    fab project

  • @rakibhasan5307
    @rakibhasan5307 3 дні тому

    what extension did you use?the details of any library is showing nicely whle coding

  • @Hassanfarooq1033
    @Hassanfarooq1033 9 днів тому

    .Amazing content on UA-cam🔥... Thanks alot ❤

  • @dummymail2495
    @dummymail2495 9 днів тому

    Awesome project. Thank you bruh. Can u please add the authentication and authorization as passing token in the headers from backend and receiving it from headers in frontend. Please? Or can use db session tokens. Or can u please make a small tutorials that covers these concepts? Pleases bruh❤

  • @fikrebereda
    @fikrebereda 9 днів тому

    welcome master

  • @ashiqe1371
    @ashiqe1371 3 дні тому +1

    1:33:50

  • @AbhishekYadav-ch2mn
    @AbhishekYadav-ch2mn 5 днів тому

    when will you make projects on microservices & microfrontend? or you also dont know like me?

  • @AbcTawte
    @AbcTawte 9 днів тому

    Can you please implement CI/CD , docker and kubernetes etc Devops part as well to these projects. Creating dockerfile, docker-compose yaml file and complete deployment is what will make these projects even more awesome. I think you already have deployed a chat app before and there is no novelty factor here unfortunately.

  • @y4nk087
    @y4nk087 9 днів тому

    I like the VS code theme. Could you give us the name of it? I really want to set it to my IDE.
    Fantastic video btw, it covers everything for a web app that a beginner would have to create.

  • @pastorjorgeaguilar
    @pastorjorgeaguilar 5 днів тому

    a udemy clone please with mern stack jwt ... nobody have done neither in udemy... thank you

  • @avijitmalik5290
    @avijitmalik5290 8 днів тому

    Thanks❤

  • @mohammadabbas1623
    @mohammadabbas1623 9 днів тому

    great job

  • @piolet3399
    @piolet3399 9 днів тому

    Bro please continue MERN stack also do a task management like app in MERN

  • @frisupremacyday04
    @frisupremacyday04 День тому

    bro which vs code theme you are using?

  • @OleksandrSemko
    @OleksandrSemko 9 днів тому

    Очень крутой проект. Можно получить много опита

  • @fastsainyt
    @fastsainyt 8 днів тому

    Could you make PERN tutorial?

  • @MittuRohith
    @MittuRohith 9 днів тому

    hi, NIce content. Please also plan in webrtc tooo I an waitung for that please try to bring that... keep going.. Your content is a gem for us

  • @hassannouri9796
    @hassannouri9796 6 днів тому

    ❤❤❤

  • @Lukaa2335
    @Lukaa2335 8 днів тому

    thanks

  • @robertocastro1120
    @robertocastro1120 9 днів тому

    It’s possible to make a uml diagram and the relations between classes?

  • @mikeseattle5550
    @mikeseattle5550 День тому

    Please make an airbnb clone

  • @divyanshkrishnatreya4594
    @divyanshkrishnatreya4594 8 днів тому

    hey brother thanks a ton for the project tutorial but as i am signing up as a user its showing nothing after clicking the signup button. do you have any diagnostics for that??

  • @athrvanaik5036
    @athrvanaik5036 6 днів тому

    can you please make a video streaming web app by using backend as a service platforms? Please

  • @CRCE__Hardik_Prajapati
    @CRCE__Hardik_Prajapati 6 днів тому

    Can you please share the Diagram you made at 30:01 it would be too helpfull to make notes for me.

  • @adibahnafazad9125
    @adibahnafazad9125 9 днів тому

    Just need a mern tutorial plzz

  • @Pratiyank
    @Pratiyank 8 днів тому

    Bro i have created this one myself just on thing is missing that is sending media i will try to implement that also in future

  • @wannainvest971
    @wannainvest971 8 днів тому

    Bro pls add typescript in every project we also learn typescript...😢

  • @dogzrgood
    @dogzrgood 8 днів тому

    you never declared authRoutes function 8:27. so how come you are able to import it?

  • @pasindu1926
    @pasindu1926 8 днів тому

    Please upload MERN + TYPESCRIPT project 🙏🙏🙏

  • @Abdul_rafey
    @Abdul_rafey 9 днів тому

    What vscode extention you use for convert folders files into icon plzz tell me

  • @gtahubreportes-u4g
    @gtahubreportes-u4g 2 дні тому

    i love you

  • @shashikaushalsingh1912
    @shashikaushalsingh1912 5 днів тому

    Bro i got error in deployment
    only backend part is deployed

  • @EsamGirgis
    @EsamGirgis 9 днів тому

    Can you add apart for implementano video calls and audio

  • @tolitoli5172
    @tolitoli5172 19 годин тому

    Hello, sir Thank you. Please give Mern Stack E-comerce Poject

  • @NikhilGC-g7i
    @NikhilGC-g7i 5 днів тому

    did he use database in this project

  • @bilal5488
    @bilal5488 9 днів тому

    Did it have infinite scrolling

  • @gom-jabbar
    @gom-jabbar 9 днів тому

    🔥🔥🔥🔥👍👍👍👍👌

  • @usmanmarkaz
    @usmanmarkaz 9 днів тому

    can you plz make it more advance chat app with more features like WhatsApp with redux toolkit plz

  • @workinehyaikob
    @workinehyaikob 8 днів тому

    please give me interoffice communication projects of university using MERN

  • @davidmatos2571
    @davidmatos2571 9 днів тому

    Is anyone else unable to connect to the mongodb? mine keeps saying to make sure my IP is whitelisted even though i have whitelist mine as well as all IPs

    • @sinbad552
      @sinbad552 3 дні тому

      Same here. Found solution? Saw on stack overflow where few said we have disable firewall

  • @Sarajboos12
    @Sarajboos12 9 днів тому

    Please 🙏make a video on how to build web app like omegle/gmeet

  • @AkashSahi-t8o
    @AkashSahi-t8o 7 днів тому

    hello bruh my mongodb is not logging please help me

  • @whyfoo
    @whyfoo 9 днів тому

    can u do mern with ts ?

  • @angrywangy
    @angrywangy 9 днів тому

    Bro please make a nestjs project

  • @rk3282
    @rk3282 6 днів тому

    Does anyone knows this vs code theme name

  • @dereje0926thomas
    @dereje0926thomas 8 днів тому

    pleas give me interoffice commutation in university project

  • @everythingitriedwastaken
    @everythingitriedwastaken 9 днів тому

    Understanding sockets is difficult

  • @Nomi951
    @Nomi951 3 години тому

    We are a bit annoyed but those tiny fonts please use big fonts in the next video

  • @jasonthakuri3344
    @jasonthakuri3344 День тому

    1:08:14

  • @fikrebereda
    @fikrebereda 9 днів тому

    master please made us react native app

  • @Examji
    @Examji 9 днів тому

    Build LMS LIKE UDEMY

  • @sumitsaurabh4670
    @sumitsaurabh4670 9 днів тому +7

    group messages?

    • @Idk_who_cares-gta6
      @Idk_who_cares-gta6 9 днів тому +4

      Bro he is constant creator, he is not creating perfect application, he is making tutorial, figure out yourself , if you won't do then how would you be good programmer!?

    • @sumitsaurabh4670
      @sumitsaurabh4670 9 днів тому +2

      @@Idk_who_cares-gta6 what if i won't be able to do it?

    • @shubhanksharma5481
      @shubhanksharma5481 9 днів тому

      ​@@sumitsaurabh4670chatgpt

    • @Idk_who_cares-gta6
      @Idk_who_cares-gta6 9 днів тому

      @@sumitsaurabh4670 it's fine bro, you'll learn, what do you think those people who are awesome ( what people call them) become in one day? No it was long process, they learnt new new things, look I'm not that old, I started last year coding, learning depth of web development, I was frustrated at first too but give yourself time, don't rush or always copy ,put some of your idia into tutorial , it doesn't have to be great, even simple are enough. Best of luck bro

    • @luminshz
      @luminshz 8 днів тому

      @@sumitsaurabh4670 Find yourself and keep learning more. Today, AI Power can help you do and learn. If you don't move forward, how can you continue to work in the industry?

  • @revanthvenkateswar622
    @revanthvenkateswar622 9 днів тому

    First. 😅

  • @BrandonTraviss
    @BrandonTraviss 2 дні тому

    2:14:42
    This seems like a mistake on your part as there was literally no point testing anything without making the login function.
    login is essentially just a copy pasta of the signUp function
    Also you might as well just paste the ProfilePage.jsx in there entirely and walk through it instead of slowly doing it and pasting parts of it.. kinda pointless IMO.

  • @grandparick3176
    @grandparick3176 8 днів тому +1

    This seems amazing but can someone kindly tell me can It really be followed and done from start to end? There are couple of videos on youtube where you kind of have to leave in mid point because either it doesn't work or it has some error in the middle while following or do I have to pay for any service from some website?. If I can follow and complete it then I would like to start from beginning to end.

    • @jimmynkgogo7788
      @jimmynkgogo7788 5 днів тому

      If you follow well, then yes. I watched 3 videos from him and all my projects were working

  • @RohitPlayzz
    @RohitPlayzz День тому

    Bro please help me i got stuck into a problem when i submit signup form its shows error i checked many time code all are correct but still i got this message in console

    Failed to load resource: ne :5001/api/auth/check:1 net::ERR_CONNECTION_REFUSED

  • @punk5513
    @punk5513 9 днів тому +1

    This is fire🔥🔥🔥🔥🔥🫡

  • @LolProgrammer
    @LolProgrammer 9 днів тому

    Can you add group message feature ✅