An open API service indexing awesome lists of open source software.

https://github.com/sainiabhishek/angular_application

It is a learning project. It will consists the functionalities related to the frontend part. All those functionalities will be mentioned below in the same order as they are implemented.
https://github.com/sainiabhishek/angular_application

angular angular-localization angular-universal bootstrap ngx-translate preloading pwa service-worker tests web-caching

Last synced: 3 months ago
JSON representation

It is a learning project. It will consists the functionalities related to the frontend part. All those functionalities will be mentioned below in the same order as they are implemented.

Awesome Lists containing this project

README

        

# Angular Application

It is a learning project. It will consist the functionalities related to the frontend part. All those functionalities
will be mentioned below in the same order as they are implemented.

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.15.

## Implemented functionalities

- PWA and Service workers.
- Angular Material (https://material.angular.io/guide/getting-started)
- Angular Universal (https://angular.io/guide/universal)
- Webpack
- Web Caching
- Unit Tests
- Preloading Strategy
- Internalization using ngx-translate (https://github.com/ngx-translate/core)
- Internalization (@angular/localize & i18n)
- Migrate to Angular 10
- Named and multiple router outlets
- Migrate to Angular 11
- Migrate tslint to esLint
- Migrate to Angular 12
- Migrate to Angular 13
- Jest to 28.1.2

## Unit Tests

- Remove Jasmine & Karma configuration / packages.
- Run `npm install jest jest-preset-angular @types/jest --save-dev`

## Preloading Strategy

Run `npm i ngx-quicklink --save`

For more info: https://blog.mgechev.com/2018/12/24/quicklink-angular-prefetching-preloading-strategy/

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

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.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).