Criar Frontend da Área de Adicionar Comentários Conforme o Design do Figma

[dinhoSilwa]

Atividade: Criar Frontend da Área de Adicionar Comentários Conforme o Design do Figma

Descrição: Desenvolver o frontend da seção de adição de comentários utilizando um formulário, seguindo o design especificado no Figma.

Link do Figma: Design no Figma

Tarefas:

• Estrutura do Formulário:

  • Implementar o formulário conforme o layout do Figma, incluindo campos para nome, e-mail, githubuser e comentário.
  • Certificar-se de que os placeholders, labels e botões correspondam ao design.

• Estilização com TailwindCSS:

  • Utilizar TailwindCSS para estilizar o formulário e garantir que ele siga fielmente o design especificado no Figma.
  • Garantir que o formulário seja responsivo e tenha uma boa aparência em diferentes dispositivos e tamanhos de tela.

• Validação de Campos:

  • Implementar validação de campos no frontend para garantir que todos os campos obrigatórios sejam preenchidos corretamente antes do envio.
  • sugerimos usar o yup para validações, e o react-hook-forms para gerenciamento do formulário
  • Exibir mensagens de erro ou feedback visual conforme o design.

• Integração com o Backend:

  • Configurar a lógica de envio dos dados para o backend, utilizando Axios .
  • Exibir feedback ao usuário após o envio, como uma mensagem de sucesso ou erro.

• Testes e Ajustes:

  • Testar o formulário para garantir que todos os componentes estejam funcionando conforme o esperado e que o design esteja correto.
  • Realizar ajustes de design, se necessário, para alinhar com o Figma.

Nota: Caso haja problemas de permissão para acessar o Figma, entrar em contato com os líderes de equipe.