/ionic-app-skeleton

ScaleIT Ionic App Skeleton for easy creation of Industry 4.0 Domain Apps

Primary LanguageHTMLMIT LicenseMIT

Ionic App Skeleton License

The Ionic App Skeleton is a pre-configured base for ScaleIT Apps. It provides a ready to use production ready scaffolding for ScaleIT Ready Domain Apps.

Give it a try:

docker-compose up
# navigate to localhost:8100

Skeleton Functionality:

  1. Ionic frontend with Angular
  2. Pages and Navigation
  3. Data Providers and Pipes
  4. Nginx Server for serving the built project (docker build only)
Mobile Desktop
Administration view with configurable endpoints

Technology Stack

Node.js->(Typescript->Angular->Ionic)

Usage (Standalone)

# Resolve dependencies
npm install
# Build frontend
npm run build 
# Run dev server
npm run ionic:serve

Usage (Docker)

This skeleton uses a multi stage build in order to create a very small production ready image. This results in an image size of about 70MB compared to the 300+MB size of the build image.

Docker Compose:

[docker-compose build] //optional
docker-compose up

Development

In order to simplify development we recommend working locally (or with a docker bind mount) and using the ionic hot reload feature of the ionic dev server

npm run ionic:serve

In order to pull from this repo as upstream you should use githubs rebasing feature:

git checkout alpine
git pull --rebase origin master

git checkout dev
git pull --rebase origin alpine

Alternatively use cherry picking (or patching):

git cherry-pick d147423..2622049
git cherry-pick d147423

Health Check (Optional)

    #Build with healtcheck enabled
    HEALTHCHECK --interval=5m --timeout=3s \
    CMD curl -f http://localhost:5002/ || exit 1

Navigation and Pages

Data Providers

Bindings (Two-Way & One-Way)

Pipes

TODO: tutorials

Learning Material

Reactive Manifesto: https://www.reactivemanifesto.org/

Reactive Programming: https://gist.github.com/staltz/868e7e9bc2a7b8c1f754

Ionic Presentation: http://ionicframework.com/present-ionic/slides/#/26