Realtime chat application using NodeJs and socket.io in Hindi 🔥

Поделиться
HTML-код
  • Опубликовано: 21 авг 2024
  • 👉 Step into the world of full-stack development with our detailed MERN Stack With Microservices course! Transform your ideas into reality: www.codersgyan... 🌐🚀
    🤝 Get 1:1 mentorship: topmate.io/cod...
    Written tutorials:
    codersgyan.com...
    Realtime chat application using NodeJs and socket.io in Hindi
    In this video we will learn how to create a realtime chat app using Html, Css and JavaScript.
    we will use Socket.io for web socket connections.
    We will learn how to send and receive messages from connected browsers to others.
    Please make sure you watch this video till the end.
    Before watching this video you need to know little bit Html and Css. If you don't know this then i would recommend first to watch my Html, Css quick course video and then continue here so you will understand everything in this video.
    Here are the links for quick courses.
    Css Flexbox in 20 minutes course ➡️ • Mastering CSS Flexbox:...
    How to build a food website ➡️ • Step-by-Step Guide: Bu...
    How to make this website responsive and make mobile navigation :
    ➡️ • [2] How to create a re...
    HTML 5 Quick course ➡️ • Learn HTML Quickly: Co...
    CSS Quick course ➡️ • Mastering CSS Flexbox:...
    Please Like, Share and Subscribe for the new amazing projects.
    source code : github.com/cod...
    🙏 If you find this repo helpful then don't forget to give a start ❇️ to this repository on Github :)
    Facebook - ✅ / codersgyan
    Discord - ✅ / discord
    Telegram - ✅ t.me/joinchat/...
    #realtimeChat #chatApp #socket.io #webSockets #javascriptChatApp #JavaScriptApp #chatAppInHindi #Javascript #UI/UX #beautifulWebsite #webDevelopmentInHindi #cssFrameworks #learnCoding
    🔥
    Let's connect on LinkedIn: 🔥❤️
    / codersgyan 👇🏾
    ✅ My gears for everyday work: 🔥👇🏾📸
    docs.google.co...

Комментарии • 673

  • @CodersGyan
    @CodersGyan  4 года назад +43

    Guys, Comment karke jarur batayein ki ye video keisa laga? Aur agar app chahate ho ki iss type ke video aur banau toh to comment me yes likhiye. Happy coding :)

    • @usama5619
      @usama5619 4 года назад +1

      g bnayn

    • @usama5619
      @usama5619 4 года назад +2

      bai koi playlist start krwayn cours ki , pleas ,

    • @usama5619
      @usama5619 4 года назад +2

      bai koi playlist start krwayn cours ki , pleas ,

    • @usama5619
      @usama5619 4 года назад +2

      bai koi playlist start krwayn cours ki , pleas ,

    • @codeella2947
      @codeella2947 4 года назад +1

      Bhi tum mac use krtey ho??

  • @Harsh_Reveals
    @Harsh_Reveals 4 года назад +38

    Underrated channel This Channel deserves million

    • @CodersGyan
      @CodersGyan  4 года назад +8

      Channel is pretty new. Keep supporting , we will grow one day ) also you may share my videos so more people will find contents.

  • @adarshcpp
    @adarshcpp 4 года назад +19

    Guys iss Video pe toh like banta hai bande ne itni planned way mein bataya hai ki beginners bhi easily bana sakte hain

    • @CodersGyan
      @CodersGyan  4 года назад +1

      Thank you for such nice comment. Keep supporting)

  • @Tech-Fire
    @Tech-Fire 3 года назад +22

    Really a commerce student can grab and make his chat application. defined this video soo simplicity and understanding starting from scratch very good...

    • @CodersGyan
      @CodersGyan  3 года назад +1

      Thank you for watching 😊🔥

  • @adityasharma3120
    @adityasharma3120 3 года назад +12

    You deserves a lot of respect.. Thank you for that kind of stuff

  • @CoralAbhi
    @CoralAbhi 3 года назад +2

    Apne bhot hi acche se btaya .. ek bhi jgha esi nahi thi jha koi dikkat ayi ho awesome 🔥🔥🔥🔥🔥❤️

  • @71_ajeetyadav49
    @71_ajeetyadav49 3 года назад +8

    High quality content
    Millions of people missing you
    Wishing you for faster growth

  • @mongalmoy_karmakar
    @mongalmoy_karmakar 2 года назад +6

    It is probably the best video where everything is explained so neatly ❤️

  • @ankitwatts1918
    @ankitwatts1918 3 года назад

    RUclips bahut saare channel dekhe hain koi itna aacha nahi samjhata hain
    Great Sir ❤️❤️❤️

  • @inayatu
    @inayatu 2 года назад

    Kamaal yaar! Bhot he simple se smjhaya aap ne, ye dekh kr koi bhi non-programmer bhi aram se ye kr lega. Great!!!

  • @dev-suresh
    @dev-suresh 3 месяца назад

    Bhai thankyou very much for all the learnings over the past year. Abhi job nhi lgi hai, have been working really really hard and it's been a year already. Pta nhi kab lgegi job bhi lekin I am very much confident in my abilities

  • @nothing-ce6rs
    @nothing-ce6rs 2 года назад +1

    Wao! appreciated..
    U just used nodejs for this .
    Clap for u..
    You taught this in a very simple manner

  • @ahmadzakiahmadi4392
    @ahmadzakiahmadi4392 4 года назад +5

    fantastic i was looking exactly for this video.
    thank you for your good content.
    i am from Afghanistan so i know urdo 😅.

    • @CodersGyan
      @CodersGyan  4 года назад +2

      That’s great 😀 and thank you for watching 😊 keep watching :)

    • @ahmadzakiahmadi4392
      @ahmadzakiahmadi4392 4 года назад +2

      @@CodersGyan i will 🤓

  • @user-ym7ge4vg6q
    @user-ym7ge4vg6q 7 месяцев назад +1

    Awesome!!!

  • @atuljitiwari4189
    @atuljitiwari4189 3 года назад +1

    Thankyou ❤️ mere pass koi word nhi hai aapke liye salute aapki mehnat aur logic ko ❤️

  • @eyerahulk
    @eyerahulk 4 года назад +5

    Mazaa agyaa...thank you for this tutorial ❤️

    • @CodersGyan
      @CodersGyan  4 года назад

      Welcome and keep watching)

  • @VideoLogWorld
    @VideoLogWorld 2 года назад

    i am having trouble from one week but in one hour all thing are clear heartly thnkyou to you and your effort

  • @roasted_boy6213
    @roasted_boy6213 4 года назад +3

    Really very underrated channel you deserve more than 1M subs

    • @CodersGyan
      @CodersGyan  4 года назад +2

      Thank you for noticing) please share with your friends. That’s will definitely help to grow the channel 🔥🏅

  • @omkadam7336
    @omkadam7336 3 года назад +3

    thank you sir this video really help me lot.....

  • @prajjwaljaiswal8378
    @prajjwaljaiswal8378 3 года назад +1

    Is video se mera socket.io kaa concept clear ho gya thank you sir

  • @chilllife5694
    @chilllife5694 Год назад

    One of the best tutorials i have seen on the internet, Thank you so much man!

  • @SumanthChary
    @SumanthChary Год назад +1

    Super bro, really a great video..😎

  • @akashandhisfriends.4644
    @akashandhisfriends.4644 2 года назад

    You explaind very deeply. All my doubts got cleared after watching your video.
    Thank you so much for your guidence🤗🤗

  • @DeepuSingh
    @DeepuSingh 4 года назад +5

    really what a great explanation by you sir plzz make a tutorial on advanced chat app in which video call and voice call also included...

    • @CodersGyan
      @CodersGyan  4 года назад +2

      Thank you so much. Yes definitely will do advanced tutorials as well .

    • @Ammarkoka
      @Ammarkoka 2 года назад

      Hi sir can you please make a video how to deploy this website and work in real time on browser?

  • @imskr2683
    @imskr2683 2 года назад +1

    Sir aapne to moj krwa di, kb se search kr rha tha ab jake finally mil gya.....
    Thanks a lot...
    One thing i would like to ask, for private chatting , should/can i use userID to send or recieve msg from a particular user?

    • @CodersGyan
      @CodersGyan  2 года назад

      Hi, you can use id, you also might want to have a look at rooms feature of socket io for private chat

  • @hasnainhaider7154
    @hasnainhaider7154 2 года назад +1

    YOU ARE REALY REALY AWESOME PERSON

  • @ayushkatoch7067
    @ayushkatoch7067 3 года назад +1

    Sir your teaching style is amazing

  • @benkkstudio8822
    @benkkstudio8822 2 года назад +1

    i am learning alot from your videos beautifully explained thanks sir

  • @jayeshdabhi4591
    @jayeshdabhi4591 3 года назад +1

    You are to good sir
    Really you are understand beginners developer 👍

  • @neerajyadav2349
    @neerajyadav2349 11 месяцев назад

    Need more projects like these !! Excellent explanation

  • @sarthakwagh1453
    @sarthakwagh1453 3 года назад +1

    Thank you so much sir for such an amazing project !!
    best content on the internet :)

  • @vishaltiwari9348
    @vishaltiwari9348 2 года назад

    Bhai mast hai maza aagaya.Thank u for making it easy and simple.Waiting for more features on this app like sending images and videos

  • @notrps
    @notrps 3 года назад +3

    its saying io is not defined
    edit: when i searched stackoverflow i got an answer after that this is showing require isn't defined

  • @dilipprajapati9588
    @dilipprajapati9588 4 года назад +6

    Hey, your explanation is to good.
    can you please make one demo in the same code(project) how to integrate in Mysql database with one to one chat and broadcast message.

    • @CodersGyan
      @CodersGyan  4 года назад +1

      Yes i am planing to do a complete messenger project. BTW if you want to see how private rooms are created then you may follow this series. in this series i will be showing how to create private rooms using Socket.io. You will get the idea.
      ruclips.net/p/PLXQpH_kZIxTVRmXQN9J0Az76te5mAreLV

    • @dilipprajapati9588
      @dilipprajapati9588 4 года назад +1

      @@CodersGyan Thanks Brother..

    • @CodersGyan
      @CodersGyan  4 года назад

      I will be glad to help )

  • @visakhpr4533
    @visakhpr4533 4 года назад +3

    Simple and powerful tutorial

    • @CodersGyan
      @CodersGyan  4 года назад +1

      Thank you so much for watching 😊 keep supporting 🙏

  • @viraldesk759
    @viraldesk759 Год назад

    it was really a helpful video sir better than many I have seen on RUclips. Thanks for such video sir.

  • @younger_sis
    @younger_sis 9 месяцев назад

    finally i did completed thank you for your effort 🥰

  • @utkarshkushwaha9116
    @utkarshkushwaha9116 3 года назад +1

    you are amazing sir. simply amazing!!!!

  • @dipaksinha3576
    @dipaksinha3576 2 года назад

    completed full project !! love you sir

  • @vijaychauhan2450
    @vijaychauhan2450 4 года назад +2

    Nice Work ! Please Make More Tutorial for Real Project like this

  • @PKEdupoint
    @PKEdupoint Год назад +1

    The basics for anyone. Definitely putting tNice tutorials in my notes.

  • @AasifKhan-xt6os
    @AasifKhan-xt6os 3 года назад

    bhai bhut mst h video.. thoda confidenc mila

  • @anandgautam8293
    @anandgautam8293 3 года назад +1

    GR8 sir for this valuable video 🙏🙏🙏

  • @joyantabauri4405
    @joyantabauri4405 Год назад

    Thank you bro, you clear my all doubts, keep it up 🤗

  • @rajgohil8610
    @rajgohil8610 3 года назад +1

    sir this is a very very good video !!!! it helped me so much to understand things in a better way sir 21 salute for this great thing again thank you so much!!!

  • @fact_gyan3559
    @fact_gyan3559 4 месяца назад

    Really very helpful and easy.🙌

  • @shrutib7493
    @shrutib7493 2 года назад +1

    U explained very well. Thanks 👍

  • @dhainik.suthar
    @dhainik.suthar 3 года назад +2

    really this is great video on socket.

    • @CodersGyan
      @CodersGyan  3 года назад +1

      Thank you so much 😊

  • @swarnavabasu7950
    @swarnavabasu7950 4 года назад +2

    You're a great programmer

  • @simmi641
    @simmi641 3 года назад +1

    bro ur video is very informative please upload more such videos on web development course eagerly waiting

  • @deepikakamboj2873
    @deepikakamboj2873 Год назад

    You explained very well...thank you so much sir🙏😊

  • @Jk-it8cl
    @Jk-it8cl 2 года назад +1

    This was very very very helpful....

  • @parmaryash4406
    @parmaryash4406 2 года назад +2

    Amazing super video

  • @payaljain4015
    @payaljain4015 3 года назад +1

    bohat shiiiiii

  • @moviemedia5767
    @moviemedia5767 2 года назад

    Sir your video is very helpful for us.......
    Pls continue the videos, and create a MERN stack project pls..........as soon as possible...

  • @SUNYBOI
    @SUNYBOI 3 года назад +2

    How to deploy it

  • @tejashwinib382
    @tejashwinib382 3 года назад +1

    Greatful to you Sir🙏🙏🙏🙏!!!!! Thanks a lot!!!!

  • @rangabharath4253
    @rangabharath4253 3 года назад +1

    Awesome as always 👍😀

  • @pawanbhatta8973
    @pawanbhatta8973 3 года назад +1

    Great Video Sir!

  • @apoorvavyas399
    @apoorvavyas399 4 года назад +1

    Great Job!! 👍👍 Very helpful video.

    • @CodersGyan
      @CodersGyan  4 года назад

      Thank you so much ☺️

  • @aashapun6533
    @aashapun6533 Год назад

    Thank you soo much for such precious video 🥰

  • @govindashah4954
    @govindashah4954 11 месяцев назад

    super explanation😀😀😀

  • @heisenberg73215
    @heisenberg73215 Год назад

    good bro your code runs simple but efficient

  • @harsha2805
    @harsha2805 4 года назад +1

    Awsome Explanation super Bhai.

  • @manavbalyan3623
    @manavbalyan3623 4 года назад +6

    When I type npm run dev in terminal it doesn't work it says that
    {code: 'module_not_found' requirestack: [] } [nodemon] app crashed - waiting for file changes before starting...
    How to solve it

    • @CodersGyan
      @CodersGyan  4 года назад +1

      Send me full screenshot of error terminal

    • @trvebm7812
      @trvebm7812 4 года назад +2

      @@CodersGyan const express = require(express)
      ^
      ye error hai sir

    • @CodersGyan
      @CodersGyan  4 года назад +1

      TRVE BM put express in single quotes

    • @anshitanagar8072
      @anshitanagar8072 2 года назад

      @@trvebm7812 have you solved this error

  • @ayyansiddiqui2219
    @ayyansiddiqui2219 3 года назад +1

    best channel

  • @vrajeshbadgujar
    @vrajeshbadgujar 2 года назад +1

    really good explaination

  • @kiddosknowledgewizbyakshit9954

    Thank u so much for the informative tutorial.....well explained👍

  • @shreyas719
    @shreyas719 3 года назад +1

    Thank you so Much bro 😍🥰

  • @sahilmustak6812
    @sahilmustak6812 3 года назад +1

    Thnqw so much brother ❤️

  • @brahman_says
    @brahman_says 3 месяца назад

    iski summary mill jati toh bada helpfull hota !!

  • @malikfahad1603
    @malikfahad1603 3 года назад +1

    This video is helpful 🎉😎

  • @tutorialtricks6046
    @tutorialtricks6046 4 года назад +1

    Awesome sir ! Working 🥰

  • @rehanmultani1110
    @rehanmultani1110 11 месяцев назад

    Thankyou for source code😜

  • @sachinmadhukar9410
    @sachinmadhukar9410 2 года назад

    Great Video So easy to understand

  • @unnathishetty3764
    @unnathishetty3764 11 месяцев назад

    Awesome explanation🎉

  • @vaishnavrodi9876
    @vaishnavrodi9876 2 года назад +3

    at 23:46 i did everything same as you did but im getting a error in browser console that,
    io is not defined...
    and in my terminal , im not getting the connected message
    Please help

    • @nipunjain1142
      @nipunjain1142 2 года назад +1

      You got the solution of this?

    • @uditsolanki7679
      @uditsolanki7679 Год назад +1

      Same Problem! If you have got any solution plz tell me

  • @aatma283
    @aatma283 3 года назад

    Bestest video

  • @juneidshaikh5522
    @juneidshaikh5522 2 года назад

    Awesome Bro

  • @nehas8527
    @nehas8527 4 года назад +1

    Very knowledgeable video . please alse share video for real time notification.

    • @CodersGyan
      @CodersGyan  4 года назад

      Thank you for watching:) sure, will make that one also :)

  • @payalswain8652
    @payalswain8652 2 года назад +1

    It was great to learn with such explanation, can you suggest how can I add end to end encryption in it .

  • @suryakantamahapatra8606
    @suryakantamahapatra8606 5 месяцев назад

    Thank you Sir ❤❤🧡

  • @drashtivadaliya8013
    @drashtivadaliya8013 3 года назад

    Great Video

  • @AminulislamSakib
    @AminulislamSakib 3 года назад +1

    Thank you so much 💚

  • @majaniboruah119
    @majaniboruah119 3 года назад +1

    Thank you soooooooo much sir☺

  • @2min.philosophy358
    @2min.philosophy358 2 года назад

    thanks , i got it.
    cool way

  • @Harshu9669
    @Harshu9669 Месяц назад

    It will work when we try to chat from different devices

  • @kartikmishra1958
    @kartikmishra1958 3 года назад

    Just awesome ❤️❤️❤️🎉🎉

  • @spacewalk7988
    @spacewalk7988 4 года назад +4

    Hey
    Your tutorial was amazing , can you please tell how you host your "wassup" ?
    Regards
    Your student

    • @CodersGyan
      @CodersGyan  4 года назад

      You may try Heroku for Node applications. Or just a Linux server with reverse proxy + nginx 😊

    • @spacewalk7988
      @spacewalk7988 4 года назад +2

      @@CodersGyan Is Heroku free of cost ? Your tutorials are amazing I love all of them. And Can you please post a video regarding how to host using Heroku a chat website or please tell me the steps below .
      With regards
      Your Student + Subscriber
      Thanks in advance !

    • @CodersGyan
      @CodersGyan  4 года назад

      Heroku has free account also for simpler projects if you project is big then you need to buy their plan. But for resume purposes you can host project there for free. You just register on Heroku and your github repo that’s it.

    • @spacewalk7988
      @spacewalk7988 4 года назад +1

      @@CodersGyan Thank u

    • @spacewalk7988
      @spacewalk7988 4 года назад +1

      @@CodersGyan How much MB is available for free ?

  • @jyotiprakashdikshit6529
    @jyotiprakashdikshit6529 3 года назад

    THAANK U SOO MUCH SIR ! U R BEST !

  • @oldisgold4286
    @oldisgold4286 3 года назад +1

    great job sir.after watching full video i came here to like your video ,subscribe your channel....thank you

  • @backendninja8333
    @backendninja8333 4 года назад +1

    Bohot acchi lagti hai. It would be better if you could add private chat functionality too

    • @CodersGyan
      @CodersGyan  4 года назад +1

      Will do one project on advanced chat system:)

  • @RGroast-zk8kj
    @RGroast-zk8kj Год назад

    explaination really good

  • @santanughosh7331
    @santanughosh7331 3 года назад

    soooooooooooooooooooo smooth!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @shubhampokhriyal8491
    @shubhampokhriyal8491 3 года назад +2

    Sir is it full video or some other video in this series??

    • @CodersGyan
      @CodersGyan  3 года назад

      No it’s a mini project

    • @shubhampokhriyal8491
      @shubhampokhriyal8491 3 года назад

      @@CodersGyan so it's complete mini project like it don't have any other video included?only 1 part?

  • @anandsharma8922
    @anandsharma8922 4 года назад +1

    thankyou soo much sir for this tutorial

    • @CodersGyan
      @CodersGyan  4 года назад

      Thank you so much for watching 🙏

  • @weforyouweb1165
    @weforyouweb1165 2 года назад

    Wow amazing 😻

  • @amanshaikh3666
    @amanshaikh3666 Год назад

    Amazing Project ...

  • @AlIS_RavishAcharya
    @AlIS_RavishAcharya 11 месяцев назад

    Well explained 🎉🎉❤

  • @PlayWithYugansh
    @PlayWithYugansh 2 года назад +1

    Thanks a lot