DEV Community

Ozair
Ozair

Posted on • Edited on

MERN Stack social media app with socket.io

Hello developers.
I've been recently working on my new personal project. It is a social media platform where you can make posts and chat with other people. It also has support for group chat.
Alt Text
I've used socket.io for "real time" chat and posts, it allows to send and receive data with very low latency.
Alt Text
For front-end, I've used TailwindCSS which makes the styling process very easy and time efficient. And I've also added user authentication with Google and Facebook or you can just signup with username and password. Plase check it out here and let me know your thoughts down below.
https://ozfam.herokuapp.com

Alt Text

Alt Text

Top comments (17)

Collapse
 
lxxmi3 profile image
Teabag

Damn cool, smooth bro, always wanted to create a multi room chat with socket io, which could not do. Keep it up.

Collapse
 
sarvagya2545 profile image
Sarvagya Sharma

Hey, check this out: github.com/sarvagya2545/chat-app-r...
or this: github.com/sarvagya2545/chat-app

for socket.io chat application

Collapse
 
truemail785 profile image
Ozair

Looking nice... 👍

Collapse
 
truemail785 profile image
Ozair

Thanks dude... I am laughing at the meme you just posted there. 😁

Collapse
 
lxxmi3 profile image
Teabag

XD

Collapse
 
lxxmi3 profile image
Teabag

Could u attach the git repo, because I wanna know how you executed the multiroom socket io chat.

Thread Thread
 
truemail785 profile image
Ozair

It is not open source yet. And I have not documented the code yet. I'd recommend you to follow a tutorial etc, because the way I implemented socket.io for multiroom chat might not be the best practice.

Collapse
 
said_mounaim profile image
Said Mounaim

Nice ! GOOD JOB 😍

Collapse
 
truemail785 profile image
Ozair

Thank you 😊

Collapse
 
andrewbaisden profile image
Andrew Baisden

Wow looking good.

Collapse
 
truemail785 profile image
Ozair

Thank you :)
Play around with it, try sending a message or photo in the group chat.
there is a developers group and a study group

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
truemail785 profile image
Ozair

Thank you

Collapse
 
vinaysehwag14 profile image
VinaySehwag14

Hey , ozair can you tell me , how you implement facebook , google and personal authentication . Whats the process can you tell me.

Collapse
 
truemail785 profile image
Ozair

Hi, i used Passport.js for user authentication. Passport.js has many different strategies to authenticate user, e.g, facebook, google, github to name a few. You can get more info through google. I learned about passport.js when I was taking nodejs course on freeCodeCamp.org
Feel free to ask anything if you get stuck...

Collapse
 
mark_alot profile image
Mark_ALot

i get this error: HTTP 431 Request Header Fields Too Large
any idea?

Collapse
 
truemail785 profile image
Ozair

Hi, the app is working fine on my browser.
When do you get the error?