Aplicación móvil creada con Ratchet 2.0 y AngularJS

Aprovechando que hace pocas semanas salió la versión 2 de Ratchet decidí actualizar la aplicación móvil desarrollada en el artículo anterior.

Para quién no conozca Ratchet, decir que se trata de un toolkit HTML/CSS/JS para la creación rápida de aplicaciones móviles, y que ahora forma parte de la familia Bootstrap.

En esta nueva versión de Ratchet, se han creado dos temas específicos, uno para iOS y otro para Android, ademas el CSS se ha reescrito usando Sass.

Para el desarrollo de la aplicación también he actualizado la versión de AngularJS a la 1.2.14. En esta nueva versión $route, $routeParams y ngView están fuera del núcleo y ahora se encuentran en el modulo angular-route.js/ngRoute.

Lo primero es incluir los CSS de Ratchet:

El contenido de la aplicación aparecerá dentro de la capa con la directiva ui-view:

Incluimos la libreria principal de AngularJS y el modulo AngularUI Router:

Puedes probar la aplicación en las dos plataformas:

iOS:

 

Android:

El código fuente esta disponible en GitHub: https://github.com/vicentegarcia/app-mobile-angularjs-ratchet2