/boardz-cross-platform-sample

Sample for demonstrating various aspects of modern cross-platform applications.

Primary LanguageJavaScript

Sample application for various “Cross-Platform HTML5 – in Action!” workshops

Requirements

Setup

Building

The gulp task will build iOS, Windows Phone, Android phone apps as well as desktop apps for Mac OSX, Windows and Linux. To get it working, please do the following:

  • Only after cloning the repo: npm i within the root folder of this repository
  • Run gulp dev:watch to start a live server, which is best when developing the app
  • Run gulp to build all apps in release mode (will execute gulp build:all:release)
  • Debug Mode: Use the following gulp tasks to build the apps in debug mode
    • Run gulp build:all to build all apps in debug mode
    • Run gulp dist:default to build the web app in (and use static within the dist/ folder to explore the app)
    • Run gulp cordova:default to build all phone related apps
    • Run gulp nwjs:default to build all desktop related apps
  • Release Mode: Use the following gulp tasks to build the apps in release mode
    • Run gulp build:all:release to build all apps in debug mode
    • Run gulp dist:release to build the web app in (and use static within the dist/ folder to explore the app)
    • Run gulp cordova:release to build all phone related apps
    • Run gulp nwjs:release to build all desktop related apps

Supported platforms

  • Any modern web browser (Chrome, Firefox, Edge, Safari) by simply hosting it
  • Mobile platforms (iOS, Android, Windows) by packaging the app using Cordova
  • Desktop platforms (Windows, Mac OS X, Linux) by packaging the app using NW.js

Third-Party Libraries

JavaScript, CSS

Native Wrappers

Additional Resources