A simple chat application built using emitter.io
Clone or download
Kelindar Revert "presence demo"
This reverts commit d83788f.
Latest commit 1e8472b Aug 20, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode chat app Jul 14, 2016
css Revert "presence demo" Aug 20, 2016
js Revert "presence demo" Aug 20, 2016
.gitignore Initial commit Jul 14, 2016
LICENSE Initial commit Jul 14, 2016
README.md Update README.md Jul 20, 2016
demo.gif Revert "presence demo" Aug 20, 2016
index-embed.html Revert "presence demo" Aug 20, 2016
index.html Revert "presence demo" Aug 20, 2016
screen.png chat app Jul 14, 2016
tsconfig.json chat app Jul 14, 2016

README.md

Serverless Chat with emitter.io

screen

This article presents a group chat tutorial, allowing multiple participants to chat together. It also features things such identicons, two-way data binding using vue.js, bootstrap css and CSS animations with help of ani mate.css. Below is a code-snipped from the source code.

emitter.on('connect', function(){
    // once we're connected, subscribe to the 'chat' channel
    console.log('emitter: connected');
    emitter.subscribe({
        key: key,
        channel: "article1",
        last: 5
    });

    jdenticon.update(".img-circle");
})

// on every message, print it out
emitter.on('message', function(msg){
    console.log('emitter: received ' + msg.asString() );
    vue.$data.messages.push(msg.asObject());
    setTimeout(function(){ 
        jdenticon.update(".img-circle");
    },5);
});