Realtime Notification App Using React and Socket.io

How do you notify offline users?

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.

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

I am getting socket io refused to connect error..can anyone please help me resolve it

Thank you a lot!!

Thank you very much. simple and clear

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

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

great stuff !!!

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

Thanks so much, Lamadev

simple explanation for sockets 👏🏻

Amazing

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

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?

Amazing ✨✨

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 😊

super. thanks you

Man i think Im in love with you 😍

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

Good job friend, thanks.

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

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

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

I am almost at the end of this project. Could you help me though: I am getting a this:
io.to(receiver.socketId).emit("getNotification",{
^

TypeError: Cannot read property 'socketId' of undefined.

I have checked everywhere I am at a loss how to resolve this issue.

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

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

Thank you so much.

Sir , please implement this on serversite

you are the best, thank you!

Does this work even when the web app is offline ?

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

How can i make my api real time

Stream is extremely expensive

You are awesome 😎😎😎😎

Bro import is not working in .js and .jsx and the "<" things its showing error

how can i useit with database.

Nice tutorial for the beginners! Thank you!

cool

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

i got some error can you help me?

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!

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

Awesome tutorial... well done Lama

why am i receiving multiple notifications for a single event ?

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