Here is a guide showing git diffs on how this app was built, highlighting:

• Using WebComponents and Polymer.
• Using PouchDB and its add-ons.
• Storing data locally.
• Modifying local storage.
• Replicating local storage to the remote server.
• Querying local storage.

Those steps are only the base for creating a similar app, always check the master branch for latest updates added on top of those steps.

Step 0 | Init empty Polymer app

Step 1 | Add a lazily loaded vaadin-grid

Step 2 | Get data from CouchDB using PouchDB

Step 3 | Load data from local storage

Step 4 | Add editor for selected item

Step 5 | Persist modifications in local storage

Step 6 | Sync local storage with remote DB

Step 7 | Add search box

Step 8 | Index local storage by firstName

Step 9 | Query local storage

First clone this project locally then:

Make sure you have Bower installed. Then run bower install to install local dependencies.

Also, make sure you have the Polymer CLI installed. Then run polymer serve to serve your application locally.

$ polymer serve

The application will be available on this address by default: http://localhost:8080