/al-pwa

PWA on Vue.js in TypeScript

Primary LanguageTypeScript

al-pwa Build Status

Project descirption

Simple PWA (progressive web application) on Vue.js in TypeScript.

Features:

  • Vuetify
  • Material icons font
  • Lazy loading - click "About" in demo
  • Offline detection
  • Fetches list of tables from Firestore
  • Authentication:
    • login and password
    • with Google account
  • Uses simple JSON API, i.e. it doesn't use any javascript library for Firestore or Google authentication
  • i18n (to be done)

Build pipeline with Travis-CI and deploy to Yandex.Cloud.

Demo

https://al-pwa.website.yandexcloud.net/

Project setup from source code

If you don't have Node.js installed and don't want to, then you can test ANT build - if you have Java and Ant installed. Go to Java build

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Java build

For those with only Java try Ant build. If you are on Linux run ant -f /opt/ant/fetch.xml -Ddest=system before. To build the project:

ant npm

— it will download Node.js to ~/.ant/node and under the hood runs commands:

  • ~/.ant/node/npm install
  • ~/.ant/node/npm run build

The result of the build is in the dist directory!