Node.JS Chat

(20 submissions) | May 5, 2017

Learn or polish you skills for development with this series of chat apps tutorials. Helpful for those times when you need a bit of guidance in a complex project.

  • ‘Total.js Messenger is a small alternative to Slack. A small, fast and open-source web application which you can customize it to your needs, it supports:

    • Real-time messaging 
    • Optimized for mobile devices 
    • Email notifications 
    • GitHub flavored markdown 
    • Attachments + images from clipboard 
    • Full-text searching 
    • User-defined to-do list 
    • Direct messages between two users 
    • Icons and quick thumbs up signal

  • A jQuery real-time chat app similar to Facebook or gmail’s chat. It uses jQuery UI + Node.js + Socket.IO. By default the app works with an existing Heroku app, so you don’t need to install Node and NPM. This plugin is licensed under MIT, so you can use it freely.

  • This plugin is a JavaScript realtime chat that resembles those from Facebook and Gmail. It was built with jQuery, Node.js and Socket.IO, and among its features you can find:

    – Multiple themes support with jQuery-UI.
    – It’s 100% javascript (client and server side)
    – Includes configuration file.
    – Support multiple languages.
    – Has message pop-up notifications.
    – Chat for multiple users
    – Users search
    – Sounds
    – Complete browser support (Opera, Firefox, Google Chrome, Safari, and Internet Explorer)

    It was created by Ezequiel Lovelle and hosted on Github.

  • A chat server/client using AngularJS, Socket.IO and NodeJS

  • Balloons.IO is a web multi-room chat server and client ready to use. It’s built with the help of node.JS, Express, Socket.IO and Redis. Balloons uses PassportJS for authentication with Twitter and Facebook

  • In this series of posts we are going to show you how to use node.js and Socket.IO to build a simple chat application, and then mix it up with Google Maps and the Geolocation API to create a cool geographic app. We will use Bootstrap with a modified css to get a nice look for the website.

  • If you’re interested in the creation of a live chat head to provide live support within your next web project, this simple web chat application could be a great asset for you. You can also try and do it just to improve your PHP and jQuery skills. Courtesy of Tuts Plus.

  • This neat tutorial from Tuts Plus’ Krasimir Tsonev will show us how to create a real time chat application by using three tools: NodeJS, and ExpressJS. Although the article is very well explained, it is mostly aimed at advanced and intermediate users.

  • An article by Vijay Annadi showing us how to use Node.js and in order to create a chat application for our website, using similar principles to more traditional approaches but offering a few advantages in the way the server communicates with the user under the hood, although it is essentially the same for them.

  • This tutorial can be a great help to improve your Node JS and skills and will leave you with a nice web-based chat application that you can apply on your next web project to provide live support or let people socialize. It also applies a bit of CSS here and there for the cool styling.

  • This Microsoft tutorial is going to explain how to host a based chat application on Microsoft Azure. They’ll provide you with everything you need, including a sample chat which you will use as you advance. If you get stuck along the way, make sure you read the comments and you’ll be likely to find an answer.

  • An idiot-proof tutorial on how to create a simple chat application that sends messages to all users connected at the moment. It is aimed at beginners, so every step is explained as simply as possible by the author, Armin Boss. It uses Node.js and to function correctly.

  • This tutorial can be a great tool to understand the principles of websockets and also get a nice little addition for your future web projects. The idea is to make a simple chat application that enables users to interact with each other in real time. Good luck!

  • This tutorial will guide you through building a chatroulette by using three tools. In case you’re not aware, a chatroulette is a website that allows you to video chat with random people at the press of a button (hope yours doesn’t have that many pervs, though). The tools applied are Node.js, and OpenTok.

  • This series of three tutorials will guide you through the creation of a Geographic chat application integrating the Google Maps API. The idea is to see where the other person is located in the world while you talk with them. Could be interesting for social networking.

  • An article on how to create a very modest chatroom like the ones seen a long time ago in the net, using Node.js and a pair of its most common modules: Express.js and Socket.IO. The final result isn’t visually striking, but it works quite well and can be easier to built for beginners.

  • A cool article that will show us, step by step, how to create a Node.js chat application gathering help from four different additional tools:, rethinkdb, passport and bcrypt. The whole code is explained along the way to ensure you can follow properly, although some previous experience is obviously going to be quite helpful.

  • This neat article will show you how to create a realtime chat application using Django, Redis, and Socket.IO. This won’t only be helpful for this specific task, but can also aid you in the creation of other web apps that use similar principles. So whether you need it for a project or academic purposes, this can be a great tutorial to follow.

  • This tutorial intends to show a somehow outdated way of integrating realtime functionality on and application through Rails. However, it could be useful as an alternative method and/or learning exercise. All credit goes to Liam Kaufman for taking the time to create it.

  • ​The first of two parts on how to create an good-looking chat application using AJAX. This staring part will explain the implementation of three tools: PHP, MySQL and jQuery. Check part two to get the finishing touches on the project. Courtesy of TutorialZine’s Martin Angelov.

Leave a comment

This a test message in global notification
Your download will start shortly.


Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.


Thank You!

Your post has been received, and will be reviewed by a curator