<commit_before><p align="center">
  <h3 align="center">Angular Example App</h3>

  <p align="center">
    Example app with Angular + Angular CLI + i18n + Graphql
    <br>
    <br>
    :clap::clap::tada::tada::tada::tada::clap::clap:
    <br>
    <br>
    Base project made with much :heart:. Contains CRUD, advanced patterns, generated library, and much more!
    I'm rebuilding the project to add some new cool features like GraphQL. Also, I've been a father a few days ago so please be patient if something doesn't work properly, and feel free to contribute to the project. I will accept MR if they make sense.
    <br>
    <br>
    <img src="https://media.giphy.com/media/BIql9p3KQWYdjq4Sxe/giphy.gif" alt="Demo example"/>
    <br>
    <br>
    <a href="https://ismaestro.github.io/angular-example-app/">DEMO HERE</a>
  </p>
</p>

## Status

[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=Ismaestro_angular8-example-app&metric=alert_status)](https://sonarcloud.io/dashboard?id=Ismaestro_angular8-example-app)
[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=Ismaestro_angular8-example-app&metric=coverage)](https://sonarcloud.io/dashboard?id=Ismaestro_angular8-example-app)
[![GitHub stars](https://img.shields.io/github/stars/ismaestro/angular8-example-app.svg?style=social&label=Star)](https://github.com/ismaestro/angular8-example-app)
[![GitHub forks](https://img.shields.io/github/forks/ismaestro/angular8-example-app.svg?style=social&label=Fork)](https://github.com/ismaestro/angular8-example-app/fork)

## Setup

**WARNING: VERY IMPORTANT**
> You will need to install node 14 and docker before trying to run this example app.

Then, run:
```bash
npm i
npm start
```

## Backend

This project is using a real app deployed in heroku, which is maintained in [here](https://github.com/Ismaestro/nestjs-example-app).
The server is using NesjJS, Prisma, Postgres and GraphQL. Please check it out and feel free also to contribute or give me your thoughts.

## What's included

- [x] CRUD: create, update and remove heroes with this project!
- [x] Use of StateTransferModule to share state between browser and server
- [x] Security Headers using [helmet](https://helmetjs.github.io).
- [x] Internationalization with the official i18n. Separated builds for english and spanish.
- [x] Lazy loading modules
- [x] Service Workers enabled!
- [x] More logical directory structure
- [x] Basic example library
- [x] Following the [best practices](https://angular.io/guide/styleguide)!
- [x] Search bar, to look for heroes
- [x] Custom loading page
- [x] Example of Angular Resolver for Hero Detail<commit_msg>FEAT(APP): update readme file<commit_after><p align="center">
  <h3 align="center">Angular Example App</h3>

  <p align="center">
    Example app with Angular + Angular CLI + i18n + Graphql
    <br>
    <br>
    :clap::clap::tada::tada::tada::tada::clap::clap:
    <br>
    <br>
    Base project made with much :heart:. Contains CRUD, advanced patterns, generated library, and much more!
    I'm rebuilding the project to add some new cool features like GraphQL. Also, I've been a father a few days ago so please be patient if something doesn't work properly, and feel free to contribute to the project. I will accept MR if they make sense.
    <br>
    <br>
    <img src="https://media.giphy.com/media/BIql9p3KQWYdjq4Sxe/giphy.gif" alt="Demo example"/>
    <br>
    <br>
    <a href="https://ismaestro.github.io/angular-example-app/">DEMO HERE</a>
  </p>
</p>

## Status

[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=Ismaestro_angular8-example-app&metric=alert_status)](https://sonarcloud.io/dashboard?id=Ismaestro_angular8-example-app)
[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=Ismaestro_angular8-example-app&metric=coverage)](https://sonarcloud.io/dashboard?id=Ismaestro_angular8-example-app)
[![GitHub stars](https://img.shields.io/github/stars/ismaestro/angular8-example-app.svg?style=social&label=Star)](https://github.com/ismaestro/angular8-example-app)
[![GitHub forks](https://img.shields.io/github/forks/ismaestro/angular8-example-app.svg?style=social&label=Fork)](https://github.com/ismaestro/angular8-example-app/fork)

## Setup

**WARNING: VERY IMPORTANT**
> You will need to install node 14 and docker before trying to run this example app.

Then, run:
```bash
npm i
npm start
```

## Backend

This project is using a real app deployed in heroku, which is maintained in [here](https://github.com/Ismaestro/nestjs-example-app).
The server is using NesjJS, Prisma, Postgres and GraphQL. Please check it out and feel free also to contribute or give me your thoughts.

## What's included

- [x] CRUD: create, update and remove heroes with this project!
- [x] Security Headers using [helmet](https://helmetjs.github.io).
- [x] Internationalization with the official i18n. Separated builds for english and spanish.
- [x] Lazy loading modules
- [x] Service Workers enabled!
- [x] More logical directory structure
- [x] Basic example library
- [x] Following the [best practices](https://angular.io/guide/styleguide)!
- [x] Search bar, to look for heroes
- [x] Custom loading page
- [x] Example of Angular Resolver for Hero Detail
{'fraction_non_alphanumeric': 0.13201445691459007, 'fraction_numerical': 0.007228457295035191, 'mean_word_length': 4.659849300322928, 'pattern_counts': {'":': 0, '<': 37, '<?xml version=': 0, '>': 39, 'https://': 26, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '546868', 'n_tokens_mistral': 1780, 'n_tokens_neox': 1703, 'n_words': 495}