An open API service indexing awesome lists of open source software.

https://github.com/alertbox/ionic-selfystic-starter

Selfystic hybrid mobile app tutorial using Cordova + AngularJS and Ionic.
https://github.com/alertbox/ionic-selfystic-starter

angularjs cordova example ionic selfystic starter-template tutorial

Last synced: 10 months ago
JSON representation

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

Awesome Lists containing this project

README

          

# Ionic Selfystic Starter

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

## Table of Contents
- [Requirements](#requirements)
- [Getting Started](#getting-started)
- [File Structure of App](#file-structure-of-app)

## Requirements
1. node.js
2. Cordova and Ionic - npm install cordova ionic
4. Gulp - npm install gulp
5. 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 @latest --save` in a terminal from your project root.
* Build the project by running gulp tsc and then `ionic build `
* Deploy to device or emulator by running `ionic run ` or `ionic emulate `
* 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
```