/Angular-Training__PWA-Pitanzas-Remake-Offline

PWA realizada con Angular4 y Bootstrap4 que gestiona listas de tareas configurables real time para todos los que la compartan. Diseño personalizado de iconos, fondo y detalles. Animaciones css3

Primary LanguageTypeScript

PWA Pitanzas Remake Offline

  • Aplicación PWA.
  • Desarrollada sobre Angular 4.0.0 y bootstrap 4.0.0 alpha, responsive design.
  • Persistencia Firebase3, tanto para los datos de negocio como para el menú de la aplicación.
  • Angularfire2 y AngularFire2Offline para gestión offline de la aplicación.
  • sw-precache para generación de service-worker y cacheo de recursos.
  • Webkit speechRecognition de chrome para la voz.
  • Desplegada en Firebase Hosting
  • Adicionalmente se puede empaquetar a través de cordova, el proyecto contiene carpeta ./cordova y script customizado para ello.
  • Firebase como PaaS.
  • Demo de la aplicación (firebase hosting):

Install

npm install

Deploy local (sin instalación de service worker)

ng serve --o

Deploy local (con instalación de service worker)

Para instalación de service-worker en el browser local, ejecutar script deploy-local, definido en el package.json

npm run deploy-local

Ejecuta el build en entorno desarrollo, lanza el precaché y levanta un live-server con el dist/index.html

Cordova

Contiene internamente proyecto cordova. Para generar empaquetado cordova ejecutar script generate-apk, definido en el package.json

cd cordova
cordova platform add android
npm run generate-apk

Ejecuta el build en entorno prod sobre la carpeta cordova/www seteando el base-href de android al index, lanza el precaché y empaqueta en cordova

Deploy

Desplegada sobre firebase hosting, aquí

Pending

  • Actualizar angular@cli
  • Documentacion
  • Augury screenshots
  • ElectronJS
  • Icono WIFI
  • Testing

License

Licensed under the MIT Open Source license.