Connecting to our Web API

With PouchDB as our offline database of choice, let's switch over from LocalStorage and connect it to our remote CouchDB database. We'll need to download PouchDB, add it to our Sencha Touch app, and configure it properly.

Adding PouchDB to the app

First, download PouchDB and copy it to your app folder:

1. Open www.pouchdb.com in your browser.
2. Click Download at the top of the page.
3. Copy this file (named pouchdb-3.6.0.min.js or similar) to the todo-app/ folder.

Next, edit app.json and add this file to the js array:

{
  "path": "pouchdb-3.6.0.min.js"
}

Finally, add an init function to the Item store, where you'll initialize both the local and remote PouchDB databases. The local database will use LocalStorage and remote database will use the Cloudant database that we created in the previous chapter:

remoteDB: null,
localDB: null,
initialize: function() {
  var me = this;

  me.remoteDB = new PouchDB('https://username:[e-mail]...