adesege / socketio-chat

This simple app enables real-time bidirectional event-based communication using Socket.IO

Home Page:https://twitter.com/adesege_

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Socketio Chat by Adesege

This simple app enables real-time bidirectional event-based communication using Socket.IO. Socket.IO works on every platform, browser or device, focusing equally on reliability and speed.

Chat Animated

What's inside

  • Completely built on Node/Javascript
  • Socketio to provide real-time data
  • Expressjs and MD5 are the only dependencies.

Index

I took the time to breakdown the development process. Below are the different stages. I tried to keep them in order but I might have missed the order in some places.

Adds Socket.io

Create login modal

Implement Login modal

Add chat UI to the homepage

Display logged users on the left sidebar

Display logged users avatar beside textarea

Log user visibility inside the message container

Log message status when user connects

Implement chat functionality

Installing

  • Clone this repo
  • Install dependencies by navigating to the install directory and run npm install from your terminal
  • The application will be served at http://localhost:3300/
  • Open multiple tabs with the same url and login

Author

Built with love and passion by @adesege_. Got stuffs to discuss? Send me a DM and I will respond as soon as I can.

License

This repo is licensed under the MIT license. Be sure to check it out here

About

This simple app enables real-time bidirectional event-based communication using Socket.IO

https://twitter.com/adesege_

License:MIT License


Languages

Language:JavaScript 47.6%Language:CSS 30.3%Language:HTML 22.1%