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

https://github.com/wilianmorales/heroesapp

Proyecto realizado para practicar conceptos de Angular Routing (Child routes), Lazy Loading, Guards, Angular Material Components and Styles. Siguiendo el Curso de Fernando Herrera.
https://github.com/wilianmorales/heroesapp

angular angular-guard angular-material prime-flex typescript

Last synced: 2 months ago
JSON representation

Proyecto realizado para practicar conceptos de Angular Routing (Child routes), Lazy Loading, Guards, Angular Material Components and Styles. Siguiendo el Curso de Fernando Herrera.

Awesome Lists containing this project

README

          

# HeroesApp
This project was generated with Angular CLI version 12.2.18, and then updated to version 14.2.7.

![Design preview for Desktop](./desktop-preview.png)

## Angular concepts used on this project

- Third Party Angular Libraries.
- Custom pipes.
- Angular routing.
- Guards.
- Dynamic routes.
- Pages.
- Modules.
- Services.
- Reactive Forms

# The following fake API was used:

> Json-Server was implemented to create a fake REST API, for development and testing purposes.

## Implemented Dependencies:
* json-server
```
npm i json-server
```

* Angular Material
```
ng add @angular/material
```

* PrimeFlex
```
npm i primeflex
```

## Note:
### Install dependencies for running this project
```
npm install
```

* Levantar el backend y ejecutar la app
```
npm run backend
ng serve -o
```