Sistema simples de auditoria

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)