Realtime Notification App Using React and Socket.io

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

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

  • @ojiinnocent9117
    @ojiinnocent9117 3 года назад +22

    As usual, the right knowledge at the right time from the right source. Thank you

  • @XxSouIxX
    @XxSouIxX 3 года назад +5

    Thank you ! I've been following your Lamasocial series and I was waiting for this part 👍

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

    He's the he best because he mentions reasons for small and basic tasks as well. Like why are we using absolute positioning and relative.

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

    Thanks for all tutorial ! As we say in Argentina you are "Crack", "Idolo", "Titan de TITANES"

  • @kashmirtechtv2948
    @kashmirtechtv2948 3 года назад +6

    Even though I'm learning socket io for the first time, I'm still understanding. You are awesome. Keep doing more projects!!!
    And also make videos on the concepts or things that confuse the beginners or the topics that are very necessary.

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

    This guy is a super hero in the real world ! Thank you so much my friend!!

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

    will add this to the social media app✨

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

    My love and respect to you and your channel. I follow each of your videos very sincerely. And I learn something new from each of your videos. Which has had a lot of positive effects on my career. Please create projects on more mern we are with you.

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

    You should be awarded as the best teacher on youtube

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

    Best tutorial from the best youtuber. Thanks so much for all the handwork and effort put into this

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

    best socket io explanation ever

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

    Wow its like real instagram notifications. Thank you

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

    i'm looking for the latest socket tutorial like this. Thank you very much !!!

  • @user-zv6vl6ne9z
    @user-zv6vl6ne9z 3 года назад

    That's awesome. I'm going to learn this to apply to the social media app.
    I love it

  • @SulemanKhan-nk4lc
    @SulemanKhan-nk4lc 3 года назад

    Thats what i was searching from a long time.. thank you from the core of my heart.. may GOD give you more success ❤❤❤

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

    This is just beautifully amazing, I hope there is such thing as that 😊

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

      hello bro, what level are you in programming?

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

      @@albah289 I'll say intermediate

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

    wow 5min ago right before go to sleep. awesome. really appreciate from korea!!

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

    Thank you! Great video! So funny when you say "awesome" it sounds like "have some" LOOL

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

    simple explanation for sockets 👏🏻

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

    Lama Dev, you're the best. Thanks

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

    Highly recommend watching this complete video😍

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

    Thanks for not copy-pasting, coding from scratch is a lot usefull

  • @kashmirtechtv2948
    @kashmirtechtv2948 3 года назад +5

    Those who disliked are haters and nothing else.

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

    Lema dev never disappoint...

  • @HangNguyen-ky9fo
    @HangNguyen-ky9fo 3 года назад +1

    Lama, you're amazing 🙌

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

    Nice tutorial for the beginners! Thank you!

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

    Great work lama...love your content 😀😀😀

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

    Awesome tutorial... well done Lama

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

    Thanks so much, Lamadev

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

    Finally completed my wait

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

    Safak this is a beautiful tutorial🌹🌹🌹

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

    You are best lamadev

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

    Lama thanks for this knowledge

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

    Thank you very much. simple and clear

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

    thank you for this tutorial, very helpful

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

    Great job again!

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

    I really like this one.. thanks Lama..

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

    really appreciate your effort. Thank you!

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

    Nice tutorial. Really helped me a lot

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

    Thanks for sharing sir!

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

    You are my hero brother

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

    thank you so much for all knowledge you give us ! will you make in the future react native tutorial ?

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

    You are such a gem!!

  • @WillSmith-qt7me
    @WillSmith-qt7me 2 года назад

    Good job friend, thanks.

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

    you are awesome bro!!! take love

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

    Amazing tutorial thank u

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

    you are the best dude !!

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

    thanks for this beautifull content

  • @k9_unit09
    @k9_unit09 10 месяцев назад

    thanks for the video.

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

    you are the best, thank you!

  • @вдохновись-ч5э
    @вдохновись-ч5э 3 года назад +1

    Perfect!

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

    Please also try to show dynamic css changes like doing it on live server showing side by side so that we can better understand what has been changed exactly due to that particular css❤️❤️
    Your method of showing HTML on 1 side and then writing Css on other side is BEST. But I just want to say that after completing the css for one element, please show the webpage too. ❤️❤️ Then again continue writing further css. Thanks

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

    great stuff !!!

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

    @1:05:45 looking forward to this chat application.

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

    I love your videos!

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

    I love your work. But do you have a developers portfolio using html, css and bootstrap and also front end react js and front end express js for online shop? I would like to learn how to build one. Thank you! I hope you will create one.

  • @AliHassan-iz7gr
    @AliHassan-iz7gr 8 месяцев назад

    Thank you very much!!!!

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

    thank you for this tutorial, well I'm almost a beginner, I would like you to demonstrate how to implement soket io in a separate router file, I don't know if I'm explaining my problem well. thanks for reading it anyway, waiting for an answer

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

    Thank you so much ❤️🎉🙏⭐

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

    Thank you so much.

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

    Hello Lama,
    Just a quick question: I already followed your Live Chat tutorial and I was wondering if I should create two different socket servers for the chat and the notifications, or if only one server would be enough. I don't know what is best practice.
    Thanks!

    • @m.Gladislaw
      @m.Gladislaw 2 года назад

      I have the same question! folllowing

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

    Nice content and I am subscribed. Might have missed it but link to source code in the description section would be appreciated 🙏

  • @vulture_music.
    @vulture_music. 3 года назад +1

    very good content ... congratulations ... you can't find projects done so well on udemy either ... could you make an olx clone in the future? it would be great ... you would really cover a lot of topics

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

    Amazing ✨✨

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

    this video helps me a lot for my project, please what can happen if the second user is not online, cause if the receiver is not online the notification will be sent but he' s not in onlineUsers array

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

    Namespace tags are not supported by default. React's JSX doesn't support namespace tags >>>>>
    error coming in .svg file importing time
    kindly help....if some1 in master in reactjs please

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

    can you please explain how can i deploy socket folder ion cpanel.i have reactjs website as frontend and laravel for api.

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

    Thank you lama. I get this error at timestamp 57:00 TypeError: Cannot read property 'socketId' of undefined
    Anyone help please

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

      That's exactly where I'm stuck right now

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

      Gyu su resolved it or not??

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

      @@hepinkumarajudiya6480 I've not been able to resolve it. I still need help.

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

      Are you doing exactly the same project or are you fetching your own data from a database? I had the same error but I realised I was passing the wrong variable. In App.js, in this useEffect :
      -------------------------------
      useEffect( () => {
      socket.emit("newUser", user);
      }, [socket, user]);
      -------------------------------
      Lama's user is a string, but in my case it's an object, so I had to pass user._id (or user.username depending on what you're using). It fixed my error.

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

      I have been stuck in this error in the last two days, did anyone solved?

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

    Is there a better method for a larger project than passing it down as props? great vid btw

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

    Amazing

  • @samisamiullah8370
    @samisamiullah8370 6 месяцев назад

    best one 100%

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

    Can you create a compete separate video in which you explain find, push, filter and all similar methods?

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

    super. thanks you

  • @HabiburRahman-fk5tw
    @HabiburRahman-fk5tw 2 года назад

    You are awesome 😎😎😎😎

  • @ZaibGsm
    @ZaibGsm 6 месяцев назад

    I was confusing how specific user get attach to spacific like in ChatApp or any other but I got make an array bcz every time it gives new array so attach id with user id or name to get back that one

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

    Do you design app firstly with design tool like figma and after that start coding or you just jump into coding?

  • @SonNguyen-rb4ut
    @SonNguyen-rb4ut 3 года назад

    Hi bro. Normally, where should we save list user and socketId?

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

    AWESOME

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

    how can i run same react projects at same port ? i can't figure this out.

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

    u r god , the saviour ,the legend :)))))))))))))))))))))))))))))))))))))))))))))))))))))....i was dying to know how to implement this feature

  • @SaraH-dj8xg
    @SaraH-dj8xg 2 года назад

    Thank YOUUU safak!! by the way, how do you 'unsend' a notification ? (for example, if I liked then unliked the post)

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

    Awesome dude ( I have one Request 💥 please if you Have time make MERN Stack Authentication API with JWT ( Login, Register, Forgot Password, Google Log in) I have searched in RUclips, Articles but unfortunately there is no proper guide to follow( Please kindly take this request 🥰).

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

    great!

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

    why am i receiving multiple notifications for a single event ?

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

      same error bro you got solution??? help me out bro

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

    thanks bro but how can i send a notification to a user hors ligne (not connected )

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

    Imagine if i was using express server for my react app, is it possible to add socket server in my express app or i have to create a new socket server?.

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

    plz make a video on real time location using react and google maps

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

    you 're bro!!

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

    Hi there I need some help to your side when ever on click like button it will show liked but when the page is refreshed the liked icon does not shown how to rectify this problem pls help 😊

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

    Can you give me any idea on how to store these notifications for offline users as well??

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

    can u add push notification sir?

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

    How do you notify offline users?

    • @mygmail29
      @mygmail29 8 месяцев назад

      wait the user to online

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

    If user is offline how to achieve this notification system sir.can you do video for this...

    • @andreigrebenkin122
      @andreigrebenkin122 10 месяцев назад

      the same problem. If user (receiver) is offline - there is an error, cannot find his socketId

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

    Notification and sending friend request is super tough. I can send friend request and the user can view and approve that friend request. But i am not able to send it to multiple persons due to my faulty notification system as it can receive only one notification.

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

    I think there might be an error in Notification svg file... I was not able to import, then checked with another svg and it was fine

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

      Bhaiya hum same code likh rahe hai but mere me notification system socket kam nahi kar raha hai please help me

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

    Bro import is not working in .js and .jsx and the "

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

    I tried to set the notifications but it wouldnt update so I used redux and updated the notifications globally. now how to persist them until the admin sees and clears it, cause obviously when I reload the page, the states will automatically reset right?

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

      you can use a database or local storage to save your notifications

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

    Man i think Im in love with you 😍

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

    Hello, I am getting transport and pollng xhr error. Connection refused.
    What should I do.
    Please help

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

      I am also getting this error.Did u find any solution for this?

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

      @@vamsikrishna7957 yes dude I figured out ,I changed the port in the backend, port 80 and port 443 both worked for me

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

      @@rahulparmar5620 Getting the same error bro!!
      net::ERR_CONNECTION_REFUSED

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

    Socket io doesn't use db. Will it be helpful??