Ionic Selfystic Starter

Selfystic hybrid mobile app tutorial using Cordova + AngularJS and Ionic.

Table of Contents

• Requirements
• Getting Started
• File Structure of App

Requirements

1. node.js
2. Cordova and Ionic - npm install cordova ionic
3. Gulp - npm install gulp
4. Bower - npm install bower

Getting Started

With VS Code:

• Clone this repository.
• Run npm install from the project root.
• Run bower install from the project root.
• Add android / iOS / windows platform to your project by running ionic platform add <platform name>@latest --save in a terminal from your project root.
• Build the project by running gulp tsc and then ionic build <platform name>
• Deploy to device or emulator by running ionic run <platform name> or ionic emulate <platform name>
• Success

File Structure of App

ionic-selfystic-starter/
├── merges/                           * Contains all platform specific files
|
├── node_modules/                      * Node dependencies
|
├── platforms/                         * Cordova generated native platform code
|
├── plugins/                           * Cordova native plugins go
|
├── resources/                         * Images for splash screens and icons
|
├── www/                               * Folder that is copied over to platforms www directory
│   │   
│   ├── js/                            * Working directory for the main application
│   │    └── app.js                 
│   │
│   ├── css/                           * Compiled CSS
│   │
│   ├── img/                           * App images
│   │
│   ├── lib/                           * Dependencies from bower install 
│   │
│   └── index.html                     * Main entry point
|
├── .editorconfig                      * Defines coding styles between editors
├── .gitignore                         * Example git ignore file
├── config.xml                         * Cordova configuration file
├── gulpfile.js                        * Contains gulp tasks for compiling ts files, scss files and more..
├── ionic.config.json                  * Ionic configuration file
├── package.json                       * Our javascript dependencies
├── ionic-selfystic-starter.sln         * VS solution
├── ionic-selfystic-starter.jsproj        
└── README.md                          * This file