Presentation of the interface for the application Ember.js HTM5 => Phone Gap (or alternative stack)

Question

Background Information:
I am a Rails developer, and in the summer I learn Ember.js. I have no experience developing mobile apps.

Problem:
Customer considers native mobile application

My proposed solution I am considering creating an HTML5 / CS / JS application using Ember.js, possibly with some connection to the RAils API to update the data; the application will be transformed into native Android / iOS mobile applications using a tool such as PhoneGap, and hopefully some UI interface like Sencha touch or Ionic, etc., which allows you to use a good UX.

Question
I am looking for suggestions for a workable stack, a good user interface that will work well with Ember.js or alternatives - maybe I would be better off with Angular and Ionic, etc.

I understand that this is a somewhat vague question - I could not find for Ember.js any installed solutions that hint at a viable direction, for example angular / ionic. but I thought someone might know about some, or put together an effective solution that might work.

Answer 1

I think the best solution is to use Cordoba with the project https://github.com/poetic/ember-cli-cordova

If you prefer to use phonegap, see http://givan.se/p/00000001 for how to use the ember-cli project inside the phonegap project.