Realtime Notification App Using React and Socket.io

Поделиться
HTML-код
  • Опубликовано: 27 окт 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 👍

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

    will add this to the social media app✨

  • @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.

  • @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.

  • @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.

  • @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 !!!

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

    You should be awarded as the best teacher on youtube

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

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

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

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

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

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

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

    simple explanation for sockets 👏🏻

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

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

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

    Lema dev never disappoint...

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

    Lama, you're amazing 🙌

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

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

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

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

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

    Thanks so much, Lamadev

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

    Awesome tutorial... well done Lama

  • @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 ❤❤❤

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

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

  • @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

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

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

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

    Lama Dev, you're the best. Thanks

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

    Safak this is a beautiful tutorial🌹🌹🌹

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

    Highly recommend watching this complete video😍

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

    Nice tutorial for the beginners! Thank you!

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

    Lama thanks for this knowledge

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

    Finally completed my wait

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

    Thank you very much. simple and clear

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

    I really like this one.. thanks Lama..

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

    You are best lamadev

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

    thank you for this tutorial, very helpful

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

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

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

    Great job again!

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

    really appreciate your effort. Thank you!

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

    Nice tutorial. Really helped me a lot

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

    Those who disliked are haters and nothing else.

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

    Thanks for sharing sir!

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

    Good job friend, thanks.

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

    You are my hero brother

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

    Amazing tutorial thank u

  • @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 🙏

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

    you are awesome bro!!! take love

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

    You are such a gem!!

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

    thanks for the video.

  • @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

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

    you are the best, thank you!

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

    thanks for this beautifull content

  • @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

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

    I love your videos!

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

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

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

    Thank you very much!!!!

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

    great stuff !!!

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

    Perfect!

  • @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

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

    Thank you so much ❤️🎉🙏⭐

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

    you are the best dude !!

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

    Thank you so much.

  • @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.

  • @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)

  • @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

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

    Amazing ✨✨

  • @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

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

    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

  • @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

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

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

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

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

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

    Amazing

  • @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 2 года назад +3

      That's exactly where I'm stuck right now

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

      Gyu su resolved it or not??

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

      @@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?

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

    You are awesome 😎😎😎😎

  • @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 🥰).

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

    AWESOME

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

    why am i receiving multiple notifications for a single event ?

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

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

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

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

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

    great!

  • @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.

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

    you 're bro!!

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

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

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

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

  • @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.

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

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

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

    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

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

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

  • @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 😊

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

    Thank you a lot!!

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

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

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

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

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

    🔥🔥🔥😍

  • @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?.

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

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

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

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

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

    How do you notify offline users?

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

      wait the user to online

  • @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

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

    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

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

    Does this work even when the web app is offline ?

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

    First ❤️

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

      DAMN YOU BEAT ME BY 7seconds

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

      @@thedeveloper9896 Holy Moly I defeated you by 7 freaking seconds damn man you are too late 😸