Mobile Chat with Sencha Touch + node.js + socket.io

This is an example for a sencha touch based chat client which gets messages pushed from a chat-server written in node.js. For the connection between server and client i use socket.io as implementation of websockets.

I wrote / write this application to have a playground to demonstrate things.

features of the sencha touch chat client:
- mvc architecture
- use localstorage for user settings
- gravatar avatar icons based on user email
- css3 chat bubbles
- pushed chat messages over web-socket
- custom theme (scss)

features node.js chatserver
- using socket.io
- using connect

Screenshots:

Screencast:
http://vimeo.com/17742839

Live Demo:

got an no.de coupon will try to set up the demo soon

Sourcecode:
https://github.com/mrsunshine/Mobile…s—socket.io-

Roadmap:
I plan to use this app as playground which will be continuous upgraded to explain and show different topics of sencha touch and node.js.
if you have cool ideas let me know.

Hope you like it ;-)

Nils

Sencha lunch Sencha Touch – The First HTML5 Mobile App Framework

Today Sencha lunch the public Sencha Touch Beta.
SenchaTouch is a JS framework for mobile devices.

Sencha Touch
Blogpost: http://www.sencha.com/blog/2010/06/17/introducing-sencha-touch-html5-framework-for-mobile/
www: http://www.sencha.com/

examples: http://www.sencha.com/products/touch/demos.php
introduction video: http://vimeo.com/12636777

I played with Sencha Touch and wrote a touch based memory like game.
For me as Ext JS developer it was pretty easy to write that application.
This cause Sencha Touch has the same syntax like Ext JS.

My first application a memory like browser game run on iPhone, iPad and Android.
It use the “tap” event and flip the cards after the tap with one of the nice animations.

Sencha Touch memory like remember the card demo: http://nils-dehl.de/m

Screenshots:



See Sencha Touch and of course the remember the card application live in action visit the Ext JS Usergroup meetup today in Franfurt!
http://www.meetup.com/Ext-JS-User-Group-Frankfurt/