This application is built with Angular 4 and Angular material
- Faster load speeds and offline support using a service worker.
- Caching server-side data using a service worker.
- Responsive UI using Flex-Layout that can be used to your mobile home screen to have a native feel.
- Web App Manifest that allows you to add to your phone's home screen.
- Lighthouse score of 100/100.
sw-precacheis used to serve local static resources cache first.sw-toolboxis used to handle requests using thenetworkFirststrategy. If a request fails, the app will fulfill the request from the cache. This means previously loaded pages will now work offline.
| NAME: | NodeJS | TypeScript | Angular CLI | Angular | Angular Material |
|---|---|---|---|---|---|
| VERSION: | 7.8 |
2.2 |
1.x |
4.0 |
2.0.0-beta2 |
-
Download and install the appropriate version (see above) of NodeJS from: https://nodejs.org/en/download/releases/
-
Install TypeScript, Typings and Angular CLI:
npm install -g typescript npm install -g typings npm install -g @angular/cli@latest
Run ng serve for a dev server. Navigate to http://localhost:4200/.
NOTE: The app will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component.
You can also use ng generate directive/pipe/service/class/module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Use the -prod flag for a production build.
Run ng test to execute the unit tests via Karma.
To get more help on the Angular CLI use ng help or go check out the
Angular CLI README.