IONIC & LOOPBACKPresentation by: Chibuzor Obiora

IONIC

• It touts minimal DOM manipulation, Zero jQuery and uses hardware to accelerate transitions

• It utilises Angular JS for serious app development.

• Native focused in that it is built on top of Cordova.

Ionic is a front-end sdk for developing mobile apps

AN APP IN THREE STEPS1. Install ionic and cordova command line tools.

npm install -g cordova ionic

2. Create the app

ionic start myApp tabs/blank/sidemenu

3. Run your application

ionic platform add ios/android

ionic emulate ios/android

ionic build ios/android

LoopBack

• Ease of use. Using the LoopBack Yeoman generator

• Provides a web UI to help explore your REST API.

• Supports multiple to databases e.g. Oracle, PostgreSQL, MySQL, SQL Server, MongoDB

Powerful node.js framework for creating APIs and easily connecting to backend data sources.

AN APP IN THREE STEPS

1. Install ionic and cordova command line tools.

npm install -g strongloop

2. Create the app

slc loopback

3. Run your application

slc run

FOLDER STRUCTURE

rootDir

client

common

server

ionicApp

www

plugins

scripts/styles

index.html

CAVEATS/NOTES

• Symbolic links

• ngCordova

• Android

• Emulators like genymotion

ln -s /path-to-dir/GDDonorApp/client/lbclient/ www/lbclient

– S.O.T.I

“Technology is how you get to the solution, it is not THE solution.”