Skip to content

An example of ng-pouchdb, a 4-way data-binding library using Ionic

License

Notifications You must be signed in to change notification settings

danielzen/todo-ng-pouchdb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

todo-ng-pouchdb

An Example of the use of ng-pouchdb, 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 a much earlier version of the app at FITC Spotlight: AngularJS in Toronto.

Installation

Node must be installed. And, you wil need to install bower globally with npm install -g bower before running bower install, to download the necessary required frontend libraries.

Run the App

You can cd into the www directory and run

npm install http-server -g
http-server -p 8080

You can then just open http://localhost:8080/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.

The final version of this demo requires you to download and install CouchDb, which runs on port 5984. And, enable CORS.

iOS version

However, to run this as a mobile application in iOS emulator, do the following to setup :

cd todo-ng-pouchdb
npm install -g cordova ionic gulp

To run in the iPhone Simulator:

ionic platform add ios
ionic build ios
ionic emulate ios

Building Out & Updating Ionic or PouchDb

To update to a new version of Ionic, open bower.json and change the version listed there.

"ionic": "driftyco/ionic-bower#1.0.0-XXX"

After saving the update to bower.json file, run bower install.

I was a little forward thinking adding the package.json file. To continue working on this repository, adding tests, using SASS, you can

$ npm install
$ gulp install

About

An example of ng-pouchdb, a 4-way data-binding library using Ionic

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published