mwaylabs/generator-m-ionic-demo

A demo project generated with generator-m-ionic

We moved on! This project is not longer maintained from our side.

It is still here for sake of completeness.

Generator-M-Ionic-Demo

Development:

What's this?

This project was generated with the awesome Generator-M-Ionic to show all the latest features. Please report any issues to the initial repository .

Run on your machine

By cloning

• make sure you have all the prerequisites installed
• clone git clone git@github.com:mwaylabs/generator-m-ionic-demo.git
  • and install dependencies npm install && bower install

By using yo m-ionic

• create a new directory
• yo m-ionic --skip-prompts runs the generator with default options
• yo m-ionic:module side - choose sidemenu template
• yo m-ionic:module blank - choose blank template
• edit the app.js and add the side and blank module
• enjoy!
• your project is now set using the latest version of the generator and with the following default options.

Explore

Run gulp watch and in your browser navigate to:

• #/main/list - the tabs template
• #/side/list - the sidemenu template
• #/blank - the blank template

Run tests:

• run gulp karma to run karma tests
• run gulp protractor to run protractor tests
  • hint: gulp watch and gulp protractor cannot be run at the same time.

Questions?

Head over to the Generator-M-Ionic repository and check out the documentation. Alternatively you can talk to us:

---

My Project

This project was generated with Generator-M-Ionic v1.12.0. For more info visit the repository or check out the README below.

Generator-M-Ionic v1.12.0

Development:

Why you need it

Note on Angular 2 & Ionic 2:

This Generator delivers highly advanced workflows for Angular 1 & Ionic 1 with the latest Cordova. If you are looking for a version for Angular 2 & Ionic 2, we're working on one but progress is slow for various reasons. Meanwhile, we are still solidly committed to maintaining and rolling updates for the Angular 1 & Ionic 1 stack. Everybody looking to get involved in either topic is very welcome!

Advanced workflows for building rock-solid Ionic apps: develop, prototype, test, build and deliver high quality apps with Yeoman, Gulp, Bower, Angular, Cordova and of course Ionic. All in one sexy generator.

Read more ...

What's in the box

Read more ...

Latest releases

• Component subgenerator: see here.
• Yarn integration: see here.
• Test setup improvements #489.
• Livereload for the device! Wohoo! See how it's done.
• Integrations into Ionic Cloud, Relution & Greenhouse.
• and many more ...

What's new

Ionic Blog Series - Great ride through everything Generator-M-Ionic has to offer:

Advanced workflows for building rock-solid Ionic Apps

• Part 1: Playground
• Part 2: Mountain
• Part 3: Orbit

Guides

Quick Start

• Quick Start for the experienced developer.
• Try the demo. Get a quick impression by cloning the sample project generated with the latest version of Generator-M-Ionic.

Setup

• Installation and Prerequisites
• Questions the generator will ask and what they mean

Basics

• Development Introduction
• File structure
• Sub-generators for adding new components.
• Git integration, see how it's done.
• Sass integration in our module concept.
• Bower component usage in our module concept.
• Ionic style source, change it from CSS to Sass or vice versa.

Quality

• ESLint code style checks and setting up your IDE/Editor.
• Testing with our testing setup.
• Husky hooks, automatically run linting and tests before you commit.

Advanced

• CORS & Proxying, how to cope with CORS issues.
• App Icons and splash screens, a simple setup or different sets for different builds - all is possible.
• Use Environments manage different API Endpoints and much more with just a single parameter.
• Gulp defaults, spare yourself some tedious typing on the command line.

Building & Continuous Integration

• Build Vars, inject vars into your app at build time.
• Programmatically change the config.xml, with gulp config an essential part for a successful continuous integration setup.
• Full-blown Continuous Integration Guide - putting it all together: environments, build vars and gulp config!
• Greenhouse & Relution Integration Guide - build and distribute your apps using these powerful cloud services

Ecosystems

• Greenhouse & Relution - build and distribute your apps using these powerful cloud services
• Ionic Cloud (beta) - a powerful suite of hybrid-focused mobile backend services and tools

Generator Insights

We've published 3 blog articles on our company blog delivering deep insights into the why and how of the generator:

• September 2015: Generator-M-Ionic and the search for the holy grail
  • rather technical comparison between the generator and similar tools as well as technical insights to the decisions and motivation behind the generator
• September 2015: Generator-M-Ionic: HTML5 mobile app development evolved
  • provides insight to the technology choices and ecosystem and the benefits of using the generator
• March 2015: Generator-M: the state of HTML5 mobile app development at M-Way
  • the origins of the generator development and company strategy

Questions, issues? Talk to us!

Do the following:

1. check out our Issue Guidelines and issues to see if there already is a solution or answer.
2. - Get in touch with other developers and our core team.
3. If all fails, make sure you have read the Issue Guidelines first and then open a new issue.

Want to contribute ideas, code?

Start by reading our:

1. Mission Statement
2. Contribution Guide

License

Code licensed under MIT. Docs under Apache 2. PhoneGap is a trademark of Adobe.