Vuetify & Open Data

Desde hace unos meses estoy intentando hacer algo usando Vuetify, ya que tenia ganas de usarlo y ver que se podía realizar con este framework de material design para Vue.

El caso, es que finalmente busque un par de API REST como base para dar algo de vida a este framework y poder hacer algo simple para ver como funciona.

Tanto el proceso de instalación como su uso son muy simples, de hecho con apenas algo de código se pueden crear aplicaciones con un buen acabo.

El proceso es simple, añadimos a nuestro proyecto vuetify con la siguiente linea de comandos: vue add vuetify, y a continuación se mostrara un asistente para configurar vuetify.

El proceso es muy simple y su uso también, no obstante en la siguiente url puedes seguir una guía paso a paso para instalarlo y usarlo.

La cantidad de componentes, el sistema de grid, iconos, etc.. que ofrece es tan grande y configurable que realmente podemos realizar aplicaciones muy potentes y de una gran calidad, en relativamente poco tiempo.

Para alimentar la aplicación he usado el portal de datos abiertos de ESRI, que ofrece decenas de API REST con una gran cantidad de información, gratis y muy útil.

Para este ejemplo he usado una API que nos muestra todas las gasolineras de España con toda su información, precios actualizados y posición en Google Maps, y otra con la información de todas las playas de España, con informes, ubicaciones, servicios, fotos, etc..

Como siempre el proyecto lo puedes encontrar en Github y la aplicación funcionando desde aqui.