No content

apps.berlin.js 28.02.2013

Gregor @gr2m Alex @espylaub Jan @janl

What about you?

No content

No content

No content

No content

// Step 1: Instantiate Hoodie with API endpoint var hoodie = new Hoodie(‘http://api.appname.dev‘);

// Step 2: Signup $('.signUp .submit').click(function(event){ event.preventDefault(); var username = $('.signUp .username').val(); var password = $('.signUp .password').val(); hoodie.account.signUp(username, password).done(function(){ $('#modal').modal('hide'); $('.welcome').text('Hello, '+hoodie.account.username); }); });

// Step 3: Save a task to the Hoodie store $('.addTask .submit').click(function(event){ event.preventDefault(); var desc = $('.addTask .desc').val(); hoodie.store.add('task', {desc: desc}); });

// Step 4: Listen for the add event from the store, update view hoodie.store.on('add:task', function(task) { $('.taskList').append('

'+task.desc+'

'); });

// Step 5: Find all tasks of this user and populate the task list hoodie.store.findAll('task').done(function(tasks){ $('.taskList').empty() tasks.forEach( function( task ){ $('.taskList').append('

'+task.desc+'

'); }); });

No content

Frontend Backend localStorage hoodie.store App .add() .find() .on() Sync CouchDB Modules Users Shares Emails Payments … REST

Hoodie is Open Source (Apache 2) github.com/hoodiehq

Hoodie is a developer preview

THANK YOU!

ANY QUESTIONS?