5+ AngularJS Chat Room Demos

So your looking to code a Chat Room AngularJS Web Applications and looking for some code base to start out or some demos to get inspiration from? Well you’ve come to the right place I’ve listed the best ones I could find on the internet so you can save time searching around and spend more time coding. Most, if not all of these demos use Socket.io with node-webkit which is node.js based running on the server side which handles the delivering of all the chat room messages. I’ve added the year in which the articles/demos were written so you can guage the current relevance of the code base as Angular and node are rapidly advancing its hard to keep up sometimes.

1. Awesome Live Chat Desk Linux build with AngularJS (2015)

Awesome Live Chat Desk Linux
Awesome Live Chat Desk Linux

Awesome live chat support right from your Linuz desktop built with NW.js, Angularjs, Bootstrap, Scrollglue, Autolinker.js, AjaxIO.

View Plugin

2. Make A Real-Time Chat Room using Node Webkit, Socket.io, and MEAN (2015)

Make A Real-Time Chat Room using Node Webkit, Socket.io, and MEAN (2015)
Make A Real-Time Chat Room using Node Webkit, Socket.io, and MEAN (2015)

Realtime chat with angularjs and nodejs, pretty extensive notes on how to setup and get running good job Chris and team.

View Article View Code View Demo

3. Writing an AngularJS App with Socket.IO (2012)

Writing an AngularJS App with Socket.IO (2012)
Writing an AngularJS App with Socket.IO (2012)

Awesome article written by Brian Ford, it’s written in 2012 but is still current theory. Some enhancements would need to be made in order to get it working Angularjs 2.
* Demo is currently down *

View Article View Code View Demo

4. AngularJS chat with Loopback and Socket.io – Authentication (2015)

AngularJS chat with Loopback and Socket.io – Authentication (2015
AngularJS chat with Loopback and Socket.io – Authentication (2015

This demo uses Angular Moment to handle the dates, Angular Route to server the app views, Angular Formly to boostrap the signup/login and Yeoman to workflow.

View Article View Demo

5. Plunkr Angular Chat Demo (2013)

Plunkr Angular Chat Demo (2013)
Plunkr Angular Chat Demo (2013)

Uses pubnub, the demo doesn’t seem to be working atm.
* Demo is currently down *

View Demo

A better one to check out would be this one: Getting Chatty with Angular, Socket.IO, Node/Express and Bootstrap
Demo: https://github.com/krimple/angular-socketio-chat
Article: http://chariotsolutions.com/blog/post/getting-chatty-angular-socket-io-nodeexpress-bootstrap/

Sam is a passionate web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and reading.

One thought on “5+ AngularJS Chat Room Demos

Leave a Reply

Your email address will not be published. Required fields are marked *