Skip to content
← Back to Community
💬 chat app using socket.io 💬
Profile icon
RolandJLevy

getting practical experience of websockets by building a simple chat app using socket.io

Screenshot 📷

BackChat

Technologies 👨‍💻

Features 💡

  • Uses the Websocket API to enable bi-directional communication which characterizes live messaging
  • Emojis dropdown menu available in desktop view
  • Protection against XSS attacks like this: <img onerror="alert('XSS attack!')>
  • Fully responsive

Reference 📙

Voters
Profile icon
RamyaThiyagaraj
Profile icon
SilvermoonCat
Profile icon
JakeHu2020
Profile icon
DynamicSquid
Profile icon
VulcanWM
Profile icon
RolandJLevy
Comments
hotnewtop
Profile icon
ch1ck3n

maybe integrate repl auth with it and It will be cool

Profile icon
RolandJLevy

@ch1ck3n thanks for your suggestion. Can you let me know how I can integrate repl auth?

Profile icon
ch1ck3n

@RolandJLevy
for the "login with replit" button just put this code wherever you want the button:

<script authed="location.reload()" src="https://auth.turbio.repl.co/script.js"></script>

once you clicked the button, it will reload. to make it so that it shows the username instead of the button, you will need to check the username. Once authed, the script will set an HTTP header (X-Replit-User-Name or some other header for nodejs maybe). If the header is blank, that means the user has not authenticated. if else, the user has.

Profile icon
DynamicSquid

Ooh, nice! I like the design of it!

Profile icon
RolandJLevy

@DynamicSquid thanks so much. Good to hear from you buddy :)

Profile icon
VulcanWM

Woah this is nice!

Profile icon
RolandJLevy

@VulcanWM thanks buddy! 😆

Profile icon
VulcanWM