Offline-First App with WebComponents

Step by step, building similar app

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

Try out this application

First clone this project locally then:

Installing Dependencies

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

Installing Polymer-CLI

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

Viewing Your Application

$ polymer serve

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