A Yeoman generator using AngularJS, Express, ngCordova, Gulp and Bower that helps you kickstart highly sophisticated Ionic projects to evolve and upgrade every aspect of your development to the next moonshot.
AVIONIC ✈ is an incredibly simple mobile app creation tool for Android and iOS.
AVIONIC ✈ takes care of providing everything needed to get started.
index.html
ng-annotate
, no need to use weird bracket notationTo start, you should first create an account on parse.com.
Once logged in, access the Dashboard where you should be able to create a new app.
Create a brand new app called Avionic
.
After creating the app, you will see in settings/keys
your app IDs and keys. These will be used later in the Avionic app configuration.
Go to Core\Data
Import the Avionic.json
file
That's it!
Export the repo to your local computer
You should have Yeoman installed globally
npm install -g yo
To install generator-avionic from npm, run:
npm i generator-avionic
Finally, initiate the generator:
yo avionic
after installation, edit:
Edit app/templates/scripts/config/app.config.js to set your application API keys. (FACEBOOK_ID,GOOGLE_ID,TWITTER_ID,TWITTER_SECRET and Parse APP_ID and REST_API_KEY)
Then, just run:
gulp
to start up the build job and file watchers.
In order to compile Sass, you need to have ruby and the sass ruby gem installed: gem install sass
.
The generator should work just like on unix/mac.
You will need Ruby and SASS installed.
1 - Download the ruby installer 2 - Click install and select the option to create environment variables 3 - Open cmd and download the gem of the SASS, typing: gem install sass
We are looking for contributors to help us test and optimise the AVIONIC ✈ for Windows.
This doc assumes you have gulp
globally installed (npm install -g gulp
).
If you do not have / want gulp globally installed, you can run npm run gulp
instead.
By running just gulp
, we start our development build process, consisting of:
.scss
files required by app/styles/main.scss
vendor.js
file from external sources defined in ./vendor.json
*.js
files app/scripts
, see .jshintrc
for rulesetapp/images/
directoryindex.html
so we don't have to add / remove sources manually.tmp
folder (also gitignored).tmp
The folder includes an AVIONIC ✈ basic application and backend server as a starting point.
AVIONIC/
├── app/
└── index.html
└── favicon.ico
└── README.md
├── fonts/
├── icons/
├── images/
├── languages/
├── scripts/
├── styles/
├── templates/ # This contains the app template
├── bower_components/
├── helpers/
├── hooks/
├── node_modules/
├── resources/
├── server/
├── www
├── gulpfile.js
├── bower.json
├── package.json
├── vendor.json
├── config.xml
The AVIONIC ✈ command lines scripts make it easy to start, build, run, and emulate your AVIONIC ✈ app. In addition, it comes with a complete set of scripts to execute all the necessary scripts to build your app on iOS or Android.
Run application in an iOS device attached
Run application in an Android device attached
Replace splash.png
and icon.png
inside /resources
. Then run gulp av:resources . If you only want to regenerate icons or splashs, you can run gulp av:icon or gulp av:splash shorthand.
AVIONIC ✈ is beautifully crafted by these people and a bunch of awesome contributors
Sebastien Rousseau |
Credit also to Thomas Maximini for the work and inspiration surrounding the generator-ionic-gulp.