(MVP) Realizar cadastro

[Isabela-Maria-21]

Definição
Como usuário não autenticado,
Desejo me cadastrar,
Para acessar os conteúdos de ensino.

---

Descrição
Criar conta na plataforma de ensino

---

Protótipos
Wireframe e fluxgrama: https://www.figma.com/board/ZjdUTkddQGgyR4EUGLKFCG/SJ-Learning?node-id=0-1&p=f&t=bKOA98PgVBuaPBYE-0

---

Critérios de Aceite
1: Cadastro bem sucedido
Dado que o usuário está na página de login e deseja realizar seu cadastro,

• Deve haver um botão “Cadastrar”.
  Ao clicar, o usuário é redirecionado para a página de cadastro.
  Precisa existir campos para o usuário inserir e-mail, senha e confirmação da senha
• O campo de inserção do e-mail deve ter o placeholder: “Digite seu e-mail”.
• O campo de inserção da senha deve ter o placeholder: “Digite sua senha”.
• O campo de confirmação da senha deve ter o placeholder: “Digite a senha novamente”.
• O sistema deve validar o domínio de e-mail baseado em uma lista de domínios conhecidos:

Gmail: @gmail.com
Yahoo: @yahoo.com
Outlook: @outlook.com, @hotmail.com

A senha deverá seguir os requisitos,

• Deve ter pelo menos 8 caracteres.
• Deve conter pelo menos uma letra maiúscula.
• Deve conter pelo menos um número.
• Deve conter pelo menos um caractere especial (ex: !@#$%).”
• Deve haver um ícone “Mostrar senha” (representado pelo ícone do olho aberto) ao lado do campo de senha. Este ícone permite ao usuário visualizar a senha digitada.
• Quando o usuário clica no ícone de "Mostrar senha", o sistema deverá alterar a exibição da senha criptografada para os caracteres alfanuméricos correspondentes (exemplo: “minhaSenha12?!3”).
• Quando o usuário clica novamente no ícone que se altera para "Ocultar senha" (representado pelo ícone de olhos fechados), o sistema deverá voltar a exibir a senha criptografada.

Dado que o usuário está finalizando seu cadastro,

• Quando a senha digitada atender aos critérios, o sistema habilita o botão “Concluir cadastro”
• Após o usuário clicar em “Concluir cadastro”, o sistema valida o e-mail informado

Dado que o e-mail digitado é válido,

• Uma mensagem de sucesso deverá ser exibida na parte superior da tela, em uma notificação verde, ex: "Código de verificação enviado para o e-mail [endereço de e-mail]. Verifique sua caixa de entrada para ativar seu acesso."
• A notificação deverá ser visível por 15 segundos ou até que o usuário clique no ícone de fechar.
• O sistema envia o e-mail de verificação para o e-mail cadastrado e o usuário deve conseguir acessar a plataforma após verificar o e-mail.

2: Cadastro mal sucedido

Dado que o usuário está na página de login e deseja realizar seu cadastro,

• Deve haver um botão “Cadastrar”.
  Ao clicar, o usuário é redirecionado para a página de cadastro.
• Precisa existir campos para o usuário inserir e-mail, senha e confirmação da senha
• O campo de inserção do e-mail deve ter o placeholder: “Digite seu e-mail”.
• O campo de inserção da senha deve ter o placeholder: “Digite sua senha”.
• O campo de confirmação da senha deve ter o placeholder: “Digite a senha novamente”.
• O sistema deve validar o domínio de e-mail baseado em uma lista de domínios conhecidos:

Gmail: @gmail.com
Yahoo: @yahoo.com
Outlook: @outlook.com, @hotmail.com

Quando o e-mail informado não pertença a um domínio válido (ex:usuario@dominioinexistente.com),

• O sistema deve exibir a mensagem: “Por favor, insira um e-mail válido” (ex: gmail.com, yahoo.com) e o campo de digitação deverá ficar em vermelho.

Dado que o usuário está preenchendo a senha, a senha deverá seguir os requisitos:

• Deve ter pelo menos 8 caracteres.
• Deve conter pelo menos uma letra maiuscula.
• Deve conter pelo menos um número.
• Deve conter pelo menos um caractere especial (ex: !@#$%).”
• Deve haver um ícone “Mostrar senha” (representado pelo ícone do olho aberto) ao lado do campo de senha. Este ícone permite ao usuário visualizar a senha digitada.
• Quando o usuário clica no ícone de "Mostrar senha", o sistema deverá alterar a exibição da senha criptografada para os caracteres alfanuméricos correspondentes (exemplo: “minhaSenha12?!3”).
• Quando o usuário clica novamente no ícone que se altera para "Ocultar senha" (representado pelo ícone de olhos fechados), o sistema deverá voltar a exibir a senha criptografada.

Dado que o usuário está finalizando seu cadastro,

• Quando a senha digitada não atender aos critérios, o sistema desabilita o botão “Concluir cadastro” até que uma senha válida seja inserida
• Após o clique em “Concluir cadastro”, o sistema deve validar o e-mail informado
• Caso o e-mail digitado seja inválido ou já esteja cadastrado, o sistema deve exibir uma mensagem de erro (exemplo: E-mail já vinculado a uma conta/ E-mail inválido)

---

Informações Adicionais
Épico 1: Autenticação de usuário