Skip to content

Latest commit

 

History

History
59 lines (37 loc) · 3.37 KB

README.md

File metadata and controls

59 lines (37 loc) · 3.37 KB

Projeto Gestaofotografo

FotógrafoPro é uma aplicação web projetada para ajudar fotógrafos a gerenciar seus negócios, clientes e galerias de fotos. A aplicação permitirá que fotógrafos organizem e exibam seu portfólio, gerenciem contratos e calendários e comuniquem-se com clientes.

Tópicos/Checklist

Versionamento e Estrutura do Projeto

  • Criar um repositório no GitHub com a estrutura do Gitflow, incluindo pelo menos as branches principais "main" e "develop."

Estilo e Layout

  • 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.

Data-Binding e Interatividade

  • 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.

Navegação

  • 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.

Validação de Formulário e Interação com a API

  • 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.

Apresentação de Dados

  • 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.

Build e Deploy

  • Executar o processo de build da aplicação.
  • Realizar o deploy para tornar o aplicativo acessível online.

Links

Protótipos das telas: https://www.figma.com/file/QeOi5NjozXceXmKkMza2Sa/Telasv2?type=design&node-id=0%3A1&mode=design Projeto completo: https://drive.google.com/drive/folders/1K8cmYHHv4dL9irKIXBZHmw5OP-o8i0lb?usp=sharing Explicação do Projeto YT: Site: https://github.com/profgonzagas/gestaofotografo2