Como um paciente logado
Quero acessar minha página de perfil pessoal, para visualizar e atualizar meus dados de cadastro,
mantendo minhas informações corretas e seguras.
✅ Critérios de Aceite
- O paciente deve acessar a seção “Meu Perfil” na área logada.
- A tela deve exibir os seguintes dados:
- Nome completo
- E-mail
- Telefone
- Gênero (opcional)
- Data de nascimento
- Foto
- Senha (com opção de alteração)
- Os campos devem ser editáveis, com botão “Salvar alterações”.
- A senha não deve ser exibida, mas deve ter a opção “Alterar senha”, que abre um campo para:
- Senha atual
- Nova senha
- Confirmação da nova senha
- Deve haver validação nos campos:
- E-mail válido
- Telefone com DDD
- Data no formato DD/MM/AAAA
- Deve ser exibida uma mensagem de sucesso ao salvar: “Seus dados foram atualizados com sucesso.”
- Deve haver um botão para solicitar exclusão da conta, com confirmação de segurança.
- Caso o paciente deseje trocar o e-mail, o sistema pode solicitar revalidação.
- Deve ser possível editar o perfil tanto no desktop quanto no mobile.
- O paciente deve ter a opção de fazer upload de uma imagem, com a possibilidade de recortá-la antes de salvar.
🧱 Componentes Técnicos (UI/UX)
- Formulário com inputs padrão e máscara para telefone e data
- Botão “Salvar alterações”
- Componente/modal para alteração de senha
- Validação inline com mensagens de erro
- Componente para feedback visual (mensagem de sucesso ou erro)
- Botão de “Excluir minha conta” com confirmação em modal
- Layout mobile friendly
🔐 Requisitos Técnicos
- Alterações devem atualizar os dados do paciente no banco via API autenticada
- Alteração de senha deve exigir senha atual para segurança
- Exclusão da conta pode ser soft delete (recomendado) com log de auditoria
- Deve haver tratamento de erros da API com mensagens amigáveis ao usuário