/angular-pwa

A Progressive web application built with Typescript to show performance and metrics on angular and newer updates/releases in Angular

Primary LanguageJavaScriptMIT LicenseMIT

coffeeapp
Coffee App

Coffee App - Angular 6 PWA

Coffee App - An angular PWA

Greenkeeper badge Build Status GitHub license dependencies Status devDependencies Status

A Progressive web application built with Typescript to show performance and metrics and new updates/releases in Angular. It has been tested and has hit the Progressive Web App Bench mark of 100% on Lighthouse.

Demonstration

The Angular PWA is hosted on Google Firebase and Microsoft Azure DB

Performance and Metrics

Lighthouse perf

Web page perf test

Showcase

Install PWA  Add to home screen feature

Installations

This project assumes you have NodeJS v6 or greater installed. You should also have npm v5 or greater installed as well (this comes packaged with Node 8). You'll also need a recent version of Git installed as well.

Install the npm pachages globally

npx i @angular/cli
npx i http-server

Basic Usage

git clone https://github.com/nerdeveloper/angular-pwa.git
cd angular-pwa
npm i --save
ng serve --prod -o

Advanced Usage

Install the dependencies and devDependencies and start the server.

git clone https://github.com/nerdeveloper/angular-pwa.git
cd angular-pwa
npm i --save
ng build --prod 
cd dist
http-server -p 8080

Make me feel ❤️ and appreciated

You can ⭐ the repo | Tell your friends about it | Fork it and submit Pull Request.

You can also follow me on Twitter

License

The MIT License (MIT). Please see License File for more information..

Other

  • There is a new release that the Microsoft Edge for Android and iOS now runs PWAs using EdgeHTML as an App Shell Wrapper. Feel free to use any Browser that Support Add to Home Screen feature.
  • This Angular PWAs was developed following a course series on Lynda.com