A simple Ionic Todo app with a PouchDb local storage backend configured to sync with a CouchDb installation. Demo of offline functionality with server synchronization.
This is an older example of the use of ng-pouchdb.
Please see the latest example of this library in use at http://github.com/danielzen/todo-ng-pouchdb
This is a 4-way data-binding library, in action using a simple Ionic Todo app with a PouchDb local storage backend configured to sync with a CouchDb installation. This is a demo of offline functionality with server synchronization. And is part of my Offline data synchronization talk. Slides available at: http://zndg.tl/ng-pouchdb
You can watch me demo building an early version of the app at FITC Spotlight: AngularJS in Toronto.
This repository has multiple releases you can download or tags you can checkout to see the incremental building of the application. Only the final version using the ng-pouchdb library.
You may need to install bower globally with
npm install -g bowerbefore running
bower install, to download the necessary required frontend libraries. You may need to do a
npm -g install bower, if you haven't already.
wwwdirectory and run
python -m SimpleHTTPServer 8000
If you're using Python 3.x or higher
python -m http.server 8000
You can then just open http://localhost:8000/index.html in a browser.
Personally I use WebStorm which has a built in server. From a JetBrains product, you can select "View...", "Open in Browser" on index.html.
However, to run this as a mobile application in iOS emulator, do the following to setup :
$ cd ionic-pouchdb-todo $ sudo npm install -g cordova ionic gulp
To run in the iPhone Simulator:
ionic platform add ios ionic build ios ionic emulate ios
To update to a new version of Ionic, open bower.json and change the version listed there.
For example, to update from version
1.0.0-beta.13, open bower.json and change this:
After saving the update to bower.json file, run
I was a little forward thinking adding the
package.jsonfile. To continue working on this repository, adding tests, using SASS, you can
$ npm install $ gulp install