Lightbend Activator

SSE Chat Template with AngularJS

SSE Chat Template with AngularJS

October 26, 2014
sse chat angularjs single-page-application scala

A template for a simple chat application using Server Sent Events.

How to get "SSE Chat Template with AngularJS" on your computer

There are several ways to get this template.

Option 1: Choose matthiasn-sse-chat-template in the Lightbend Activator UI.

Already have Lightbend Activator (get it here)? Launch the UI then search for matthiasn-sse-chat-template in the list of templates.

Option 2: Download the matthiasn-sse-chat-template project as a zip archive

If you haven't installed Activator, you can get the code by downloading the template bundle for matthiasn-sse-chat-template.

  1. Download the Template Bundle for "SSE Chat Template with AngularJS"
  2. Extract the downloaded zip file to your system
  3. The bundle includes a small bootstrap script that can start Activator. To start Lightbend Activator's UI:

    In your File Explorer, navigate into the directory that the template was extracted to, right-click on the file named "activator.bat", then select "Open", and if prompted with a warning, click to continue:

    Or from a command line:

     C:\Users\typesafe\matthiasn-sse-chat-template> activator ui 
    This will start Lightbend Activator and open this template in your browser.

Option 3: Create a matthiasn-sse-chat-template project from the command line

If you have Lightbend Activator, use its command line mode to create a new project from this template. Type activator new PROJECTNAME matthiasn-sse-chat-template on the command line.

Option 4: View the template source

The creator of this template maintains it at

Option 5: Preview the tutorial below

We've included the text of this template's tutorial below, but it may work better if you view it inside Activator on your computer. Activator tutorials are often designed to be interactive.

Preview the tutorial

Explore the App

This is a simple chat application for demonstrating the usage of Server Sent Events together with an AngularJS single page application. You can select one of five chat rooms. You will find that Romeo and Juliet are having a conversation in room one. That way the app is a little more interesting to look at than the average chat example application. For more information on this application please visit