Objetivo:
Criar uma interface responsiva e funcional para redefinição de senha, permitindo que o usuário informe seu email, receba instruções e defina uma nova senha, integrando com o backend existente.
Descrição da Atividade
Desenvolver a tela de redefinição de senha que deve conter:
Campo de formulário para:
- Email (input de email)
- Botão para Solicitar redefinição que envia o email para a API.
Após receber o link/token (fluxo definido pelo backend), campos para:
- Nova senha (input de password)
- Confirmação de senha (input de password)
- Botão para Salvar nova senha.
- Feedback visual para o usuário em caso de:
- Sucesso (ex.: mensagem de senha redefinida com sucesso)
- Erros de validação (email inválido, senhas não coincidem, senha fraca)
- Erros do servidor (ex.: token inválido, email não cadastrado)
Requisitos Funcionais
- Validação de Formulário
- Email deve ter formato válido.
- Confirmação de senha deve ser igual à nova senha.
- Integração com Backend
- Chamada à API para solicitar redefinição de senha.
- Chamada à API para salvar nova senha usando o token recebido.
- Tratamento de respostas de sucesso e erro.
- Usabilidade
- Mensagens de erro visíveis próximas ao campo correspondente.
- Botão de envio desabilitado enquanto a requisição está em andamento.
- Design
- Layout responsivo, adequado para desktop e mobile.
- Uso de cores, espaçamento e tipografia consistentes com o padrão do projeto.
Critérios de Aceitação
- Todos os campos obrigatórios estão implementados e validados.
- Mensagens de erro são exibidas corretamente.
- Integração com API funciona conforme esperado.
- Layout responsivo funcionando em diferentes resoluções.
- Fluxo de redefinição segue o padrão de usabilidade do projeto.
Objetivo:
Criar uma interface responsiva e funcional para redefinição de senha, permitindo que o usuário informe seu email, receba instruções e defina uma nova senha, integrando com o backend existente.
Descrição da Atividade
Desenvolver a tela de redefinição de senha que deve conter:
Campo de formulário para:
Após receber o link/token (fluxo definido pelo backend), campos para:
Requisitos Funcionais
Critérios de Aceitação