Skip to content

felipesalmazo/controle-pecas

Repository files navigation

controle-pecas

Link para Aplicação no GitHub pages

https://felipesalmazo.github.io/controle-pecas/

Protótipo

https://www.figma.com/file/c87TmBDu2RpHxJJBq5oahI/Projeto-Frameworks?type=design&node-id=7%3A28&mode=design&t=iIJAwU6DUqZdki14-1

Checklist

  • Criar um repositório no GitHub com a estrutura do Gitflow, incluindo pelo menos as branches principais "main" e "develop."
  • Utilizar componentes de um framework CSS, como Bootstrap, Materialize ou outro à sua escolha.
  • Apresentar as telas com layout responsivo, adaptando-se a diferentes tamanhos de tela, usando um framework CSS ou implementações personalizadas.
  • Desenvolver o layout da aplicação com componentes, tornando o cabeçalho e o rodapé componentes reutilizáveis.
  • Aplicar pelo menos dois tipos de data-binding, como Interpolation, Property Binding, Event Binding, Two-Way Data Binding,
  • Empregar variáveis de template e a anotação ViewChild para interagir com elementos do DOM ou componentes diretamente no template ou no código TypeScript do aplicativo.
  • Estabelecer a passagem de dados entre componentes por meio da hierarquia de componentes, empregando as anotações @Input e @Output.
  • Transferir dados, por meio de serviços, entre componentes que não estão diretamente relacionados.
  • Mapear os componentes às rotas no módulo de rotas, criando uma estrutura de navegação eficiente.
  • Permitir a navegação fluida entre as diferentes páginas do aplicativo por meio de links e botões de navegação.
  • Validar os campos do formulário com expressões regulares (REGEX) e apresentar as mensagens de erro.
  • Implementar máscaras em campos de formulário, quando necessário, para melhorar a experiência do usuário ao inserir dados.
  • Desabilitar o botão de envio (submit) enquanto o formulário estiver em um estado inválido.
  • Realizar requisições à API com tratamento adequado das respostas de sucesso e erro com Promises.
  • Realizar requisições à API com tratamento adequado das respostas de sucesso e erro com Observables.
  • Criar o cadastro completo de uma entidade, incluindo operações de criação, leitura, atualização e exclusão (CRUD) utilizando uma API, como o JSON Server.
  • Utilizar o armazenamento local (LocalStorage ou SessionStorage) para armazenar dados temporários, quando necessário.
  • Aplicar a diretiva estrutural ngFor para apresentar uma lista dinâmica de dados em seu aplicativo.
  • Utilizar a diretiva ngIf para controlar a exibição ou ocultação de elementos com base em condições específicas.
  • Formatar a apresentação de dados com Pipes, de acordo com os requisitos do aplicativo.
  • Executar o processo de build da aplicação e realizar o deploy para tornar o aplicativo acessível online.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published