💬 chat app using socket.io 💬
getting practical experience of websockets by building a simple chat app using socket.io
Screenshot 📷
Links 🔗
Technologies 👨💻
- Node, Express, JavaScript, CSS
- socket.io
- he HTML entities encoder/decoder
- Emoji library
- CSS patterns
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 📙
- This project was inpired by NetNinja's youtube tutorial on Websockets
- How to create an emoji dropdown
DynamicSquid
Ooh, nice! I like the design of it!
RolandJLevy
@DynamicSquid thanks so much. Good to hear from you buddy :)
VulcanWM
Woah this is nice!
RolandJLevy
@VulcanWM thanks buddy! 😆
maybe integrate repl auth with it and It will be cool
for the "login with replit" button just put this code wherever you want the button:
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.