Tela de login
- Campo de Email: obrigatório, tamanho máximo 50 e mínimo 10, validação de email
- Campo de Senha: obrigatório, tamanho máximo 50 e mínimo 6, campo do tipo senha
- Botão de entrar
Tela de listagem
- Não deve ser utilizado tabela, usar formato em lista conforme esse exemplo
https://codepen.io/cristinaconacel/pen/Bqmdrx
- A listagem deve conter: título, data, tamanho (número inteiro)
- o ítem da listagem deve ser clicável e irá direcionar o usuário para a tela de auditoria dos dados
Tela de auditoria
- Título: somente leitura, uma única linha
- Chamada: somente leitura, paragrafo curto
- Texto: somente leitura, vários parágrafos
- Images
- Exibir imagens em formato de grid, ao clicar na imagem exibi-la com zoom de forma à preencher a tela inteira
- deve haver um checkbox para que a imagem seja selecionada: lembre-se que o checkbox não pode ser pequeno, pois será exibido em dispositivo móvel
- todas as imagens devem estar selecionadas (por padrão)
- validar se existe pelo menos uma imagem selecionada
- campo do tipo "arquivo" para inclusão de mp3: obrigatório, validar extensão mp3
- botão de "concluir auditoria": ao clicar exibir confirmação "você tem certeza que deseja concluir essa auditoria?"
- ao concluir deverá fazer o upload do arquivo, marcar as imagens selecionadas e atualizar o campos "
audio.path", "image.selected" e "auditedAt"
Requisitos não funcionais
- Frontend em React
- Backend e .NET Core (C#)
- Utilizar Bootstrap
- Utilizar banco de dados MONGODB:o esquema dos documentos serão fornecidos
- O sistema deve ser responsivo para acesso em diversos tipos de dispositivos
- O código ficará no GIT (repositório será disponibilizado posteriormente)
Delivery term: Not specified