BackChat 💬

A simple messaging app using socket.io

Table of contents

• Purpose
• Screenshot
• Links
• Setup
• Technologies
• Features
• Reference
• Contact

---

Purpose 🎯

The aim of this project was to get practical experience of websockets by building a simple messaging app.

Screenshot 📷

Links 🔗

• Live demo
• View source code
• Github repo

Setup 🔨

• Clone this repo git clone https://github.com/rolandjlevy/chat-app-with-socket-io.git
• Download all dependencies by running npm install
• Run npm run start to start the server
• Open http://localhost:3000 in a few tabs to see the chat app running

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

Contact 📧

Created by Roland - feel free to contact me!