Note: I decided to separate a repo for the new Polymer 1.x Paper Chat, and it is available on github.com/pubnub/polymer-cat-chat-v1. A huge thanks to Whyser for the Polymer 1.0 migration help!!!

Tomomi

Paper Chat Demo

A simple chat room in Material Design build with Polymer 0.5.x.

This demo is written for a tutorial to show how to create a simple chat app using PubNub data stream JavaScript API for Polymer, and Polymer's Paper elements to achieve Material Design user-experiences.

This is not currently compatible with the new Polymer 1.0. If you build this app by yourself, make sure to use the appropriate version of Polymer and all other components, including pubnub-element v3.6.7. See the bower.json for the working versions for all dependencies.

Live Demo

Try this on multiple browsers including mobile

Tutorial

Creating a Polymer Chat App with Material Design

Photo & Graphic Credits

The flat phone image that I used to create the banner on this ReadMe and Blog is create by Andrew Beckwith

I used these photos as avatars:

• Bengal: Tyler T CC BY-SA 3.0
• Siamese: Karin Langner-Bahmann CC BY-SA 3.0
• Sphinx: Christopher Voelker CC-BY-3.0
• Ragdoll: Simone Johnsson CC BY-SA 2.0
• Persian: UnionMaminia CC BY-SA 3.0
• Korat: Heikkisiltala CC BY-SA 3.0
• Japanese Bobtail: ようてい CC BY-SA 3.0
• Abyssinian: Karin Langner-Bahmann CC BY-SA 3.0
• Scottish Fold: Vladimir Chubarov CC BY-SA 3.0

Othwewise CC0. Tabby is my cat, Jamie :-)

Thank you <3

---

Polymer 1.x Support

Since Polymer 0.5x (used in this app) and the new Polymer 1.x are incompatible, I decided to create a new repo for the updated Kitteh Anonymous.

However, if you wish to try, the gh-pages is available on http://pubnub.github.io/paper-chat-v1. The repo is still in private, but I will make it avalable sometimes.

And a huge thank you to Whyser, who migrated the app to Polymer 1.0 and sent me the pull request. I am so sorry that I have not got a chance to work on it.

I promise I will finish it up and write the tutorial!