Skip to content

rickbeumers/Fontys-MIA6-Create-an-app-assignment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 

Repository files navigation

MIA_Phonegap

Purpose

Changing habits through the 3 R's: Reminder, Routine and Reward with a touch of personality. (Source: http://jamesclear.com/three-steps-habit-change)

Framework

Ionic 1.0.0: we use Ionic to make use of AngularJS on mobile and the great building tools that come with Ionic-cli

UI

Materialize.css: For a design pattern we choose for Material Design from Google. We choose this framework because it is widely accepted by most mobile users.

Color Palette: from the Material Design Color Palette, we are going to work with the colors Indigo and Pink. Bright Pinks stimulate energy and encourage action and confidence. Indigo (purple family) has and uplifting effect.

Build Process

Node: We used node for our development packages. Development packages like gulp. To use these packages your will have to run 'npm install' in your cli. This building process generates files to compile into an app. Concatenating and minifying javascript and compiling our SASS into minified CSS.

npm install

Bower: We have used bower for our deployment packages. These can be used by running 'Bower install' in your cli.

bower install

Gulp: For compiling our app we use gulp. We've created a couple of gulp-runners to build it.

gulp

Plugins

Facebook OAuth: We are using Facebook Login for our gamification platform. When a user logs in his Email and Name are registered via OAuth. We are doing this through the ngCordova plugins on Angularjs. This will require an InAppBrowser plugin and the cordova Whitelist plugin.

InAppBrowser: InAppBrowser is required for Facebook OAuth.

ionic plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

Whitelist: Whitelist plugin is required to allow connection to Facebook.

ionic plugin add cordova-plugin-whitelist

Local Notifications: We intented to use local notifcations, although there seems to be a bug with the notifications on Cordova 5.0.0. This causes the build to fail. There is no working solution for this yet so we decided to replace this functionallity with Popups.

ionic plugin add https://github.com/katzer/cordova-plugin-local-notifications

Database

LocalForage: LocalForage is an NoSQL database. We use this so we can use this app to its full potential even when offline.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published