site-generator

Protótipo

https://www.figma.com/file/bwjr5ykA9NVdARahhEI5t8/Site-Generator?node-id=7%3A6243

Checklist

  • Criar o repositório no GitHub com a estrutura do Gitflow, ou seja, branches main e develop.
  • Usar componentes de algum framework CSS (Bootstrap, Materialize ou outro)
  • Apresentar as telas com layout responsivo usando ou não algum framework CSS.
  • Construir páginas web com o conceito de componentes.
  • Criar o layout da aplicação com componentes, ou seja, o cabeçalho e rodapé precisam ser componentes.
  • Usar pelo menos dois tipos de data-binding (Interpolation, Property Binding, Event Binding e Two Way Data Binding).
  • Passar dados via hierarquia de componentes, ou seja, usando @Input ou @Output.
  • Mapear componentes à rotas no módulo de rotas.
  • Criar navegação entre páginas por meio de rotas.
  • Passar dados entre componentes que representam diferentes telas via parâmetros de rotas.
  • Validar campos do formulário com REGEX e apresentar os erros.
  • Desabilitar o botão de submit enquanto o formulário está inválido.
  • Fazer requisições a API com tratamento da resposta com Promises ou Observables.
  • Cadastrar uma entidade usando uma API (JSON Server ou Firebase).
  • Apresentar uma lista de dados com a diretiva estrutural ngFor.
  • Usar a diretiva ngIf
  • Formatar a apresentação de dados com Pipes.
  • Build e deploy da aplicação.

Scripts

  • ng serve - Roda o ambiente dev;
  • ng generate component component-name - Gera um novo componente, também pode ser utilizado ng generate directive|pipe|service|class|guard|interface|enum|module;
  • ng build - Roda o build do projeto, os artefatos pós build são enviados para /dist
  • ng test - Roda os testes unitários;
  • ng e2e - Roda os testes ponta a ponta;

Esse projeto foi gerado com Angular CLI version 14.1.3.