Implementar formulário de criação de projetos com validação

[senegalha]

História de Usuário

Como usuário da plataforma, quero preencher um formulário para criar novos projetos, recebendo feedback sobre erros de preenchimento, para que eu possa corrigir informações antes de submeter o projeto.

Descrição

Implementar a estrutura principal do formulário de criação de projetos, integrando os componentes previamente desenvolvidos e adicionando validação em tempo real.

Passos

1. Criar estrutura principal do formulário
2. Integrar componentes previamente desenvolvidos (seletor de colaboradores, seletor de tecnologias, editor de descrição)
3. Implementar validação em tempo real para todos os campos
4. Criar exibição de mensagens de erro
5. Garantir que o botão de envio só ative quando todos os campos forem válidos
6. Implementar testes unitários para validar o funcionamento do formulário e suas validações

Critérios de Aceitação

• Formulário contém todos os campos necessários conforme o Figma
• Componentes previamente desenvolvidos estão corretamente integrados
• Título do projeto requer pelo menos 5 caracteres
• Descrição requer pelo menos 20 caracteres
• Lista de tecnologias não pode estar vazia
• Mensagens de erro são claras e aparecem próximas ao campo correspondente
• Botão de salvar permanece desabilitado até que o formulário seja válido
• Validação ocorre em tempo real (enquanto o usuário digita)

Critérios para Testes

• Testes unitários verificam cada regra de validação individualmente
• Testes unitários verificam o comportamento do botão de envio em estados válidos e inválidos
• Testes unitários verificam a exibição correta de mensagens de erro
• Testes unitários para a interação com o NGXS store usando TestBed e mocks
• Cobertura de testes atinge no mínimo 70% para o código implementado
• Testes são executados sem falhas no pipeline de CI

Dependências

• Issue Criar componente de seleção de colaboradores #64
• Issue Criar componente de seleção de tecnologias #65
• Issue Implementar editor de descrição de projeto com CKEditor 5 #66
• Issue Implementar state para gerenciamento de projetos #71