https://github.com/daguttt/heroes-app-angular

Project to practice concepts about the Angular Routing (Child routes), Lazy Loading, Angular Material Components and Styles, Angular Flex-Layout, and Basic Angular Guards. This is part of Fernando Herrera (@Klerith) Angular Course
https://github.com/daguttt/heroes-app-angular

angular angular-flex-layout angular-guard angularmaterial angularmaterialdialog

Last synced: about 2 months ago
JSON representation

Project to practice concepts about the Angular Routing (Child routes), Lazy Loading, Angular Material Components and Styles, Angular Flex-Layout, and Basic Angular Guards. This is part of Fernando Herrera (@Klerith) Angular Course

• Host: GitHub
• URL: https://github.com/daguttt/heroes-app-angular
• Owner: daguttt
• Created: 2022-06-03T23:49:45.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-03-29T22:18:03.000Z (about 2 years ago)
• Last Synced: 2025-02-09T11:41:39.908Z (3 months ago)
• Topics: angular, angular-flex-layout, angular-guard, angularmaterial, angularmaterialdialog
• Language: TypeScript
• Homepage:
• Size: 7.95 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HeroesApp

![Heroes App](https://i.ibb.co/9YRWd9m/heroes-app.png)

## Angular concepts used on this project

- Third Party Angular Libraries.

- Custom pipes.

- Angular routing.

  - Guards.

  - Dynamic routes.

  - Pages.

- Modules.

- Services.

- RxJs.

  - Observables - http requests.

    - CRUD http methods.

  - Subject - input **suggestions** debounce time.

  - Some operators.

## Techs used

- Around 15 [Angular Material](https://material.angular.io/) components.

- [Angular Flex-Layout](https://github.com/angular/flex-layout) to lay out easier and more declarative based on Flexbox.

- Alternative faster package manager: [pnpm](https://pnpm.io/).

- [json-server](https://restcountries.com/) - to simulate server endpoints