routinelyorganization / routinely-mobile Goto Github PK

Deletar uma tarefa já criada

• Apertar botão de excluir, na tela home, no item que quer excluir
• Excluir tarefa

https://docs.google.com/document/d/1WunXnSvNtTIe-wTCp2K7V7GHDNHLyxeiWoTgVaWsJok/edit

• Apertar botão de excluir, na tela de editar tarefa, dentro do item que quer excluir

Definição:

Como usuário, gostaria de definir minhas metas para posteriormente verificar meu progresso.

Descrição:

Visa ajudar os usuários a definir, monitorar e alcançar metas de forma eficaz. Deve ser projetado com foco na usabilidade e na experiência do usuário, incentivando a persistência e o progresso contínuo em direção às metas estabelecidas.

https://docs.google.com/document/d/1DCz6nHf2l5mOIBPGw6IYIuLypHcfZieernooT9hG_Us/edit

Etapas:

• Digitar o email
• Será enviado um código para o email

https://docs.google.com/document/d/1fcPkcdlvZIbZilSXJ92NtsFCp19GvzBg5rSjyGAcrpA/edit

• #10
• #11
• #12
• #23
• #49

• #29
• #30
• #31
• #39

Pessoal de UX fez algumas alterações nos botões das telas...
Verificar Figma

Tela de esqueceu a senha

• Irá para a tela de digitar o código do email
• Digitar o código do email e ir para a tela de criar nova senha

https://docs.google.com/document/d/14uQ-T3tX5X8Y8zZiTfWZuZdL2K67n5l9bVoVcubX2Js/edit

https://docs.google.com/document/d/10EYyCE27JLvWk0_skOfzLOQ9K01wVXQ0/edit

Descrição:

Para que o usuário tenha acesso aos recursos da ferramenta para inserção das tarefas e sua organização diária, é preciso que o mesmo redefina sua senha através da inserção do código de acesso recebido e a criação da nova senha .

Tela de criar nova senha

• Digitar a nova senha
• Repetir a nova senha
• Enviar para a API nova senha

https://docs.google.com/document/d/1lEH0SW1iASkD73cXlWJLZBXo_9r9y7To/edit

https://docs.google.com/document/u/1/d/1TJ-gkUxmufaKYb2vN9Fx0DIMaV2O_FCuWP9kGpDPlWw/edit?usp=drive_web&ouid=105653133982355340948

Mobile
https://docs.google.com/document/d/15zsK-pMFAZy-542v7kXZ0k5fpASu4KRY_Ed1bVxb5Tg/edit

https://docs.google.com/document/d/1tJMXDIZwOcnZkJbLA2W_xO4dQ3zpgINu/edit

Alterar Senha - Como fazer ?

• Crie uma função que pegue o usuário pelo ID

• Crie uma função que altere o dado { senha } no banco de dados com uma nova senha

• Faça a função de alterar a senha ( Não se preocupar com email nem autentição, puramente a função )

• Lembre-se de usar as mesmas tratações da senha normal!

static async TrocarSenha() {

const newPass = req.body.newPass

const id = req.body.id

const user = usermodel.find(id)

const newuser = {
pass : newPass
}

try{
usermodel.save(newuser, where id = id)
}

}

https://docs.google.com/document/d/1Y1FBWvcw2kvFnTb2ZgDXaNwUBVmUwvEg/edit

Login Usuário - Como fazer??

• Capture o Email e a senha pelo req.body
• valide e trate essas informações ( com criptografia e validação de caracteres)
• use a função de retornar o usuário pelo email e pegue o user
• verifique se a senha bate
• se sucesso -> Logado
• trate cada erro com uma resposta diferente

https://docs.google.com/document/d/1aJ_j1xtkFcDyY-aBpdVbGYJ14XhDTHRN/edit

Criar Conta - Como fazer?

• Primeiramente crie funções que retornem o usuário pelo email do banco de dados ( isso será útil no Login )
• Crie funções de Validação de registro( validar se o email e a senha são válidos )
• Exemplo de função para cadastrar

static async createUser(req: Request, res: Response){

    const { name, email,  username, confirmpassword , password} = req.body
    
    const validation = validationsUser.RegisterValidation(name, email, username , password , confirmpassword)

    if(validation.length !== 0){
        return res.status(501).json({ message: validation })
    }
    ==== // Faça as criptografias dos dados com Sha256 // =====
    const salt = Auth.new_salt(saltLenght)
    const SHAPass = Auth.sha256(password + salt)
    const SHAemail = Auth.sha256(email)

    const AccountCreated = {
        name: name,
        email: SHAemail,
        username: username,
        salt: salt,
        password: SHAPass,
    }
  // Esse é um exemplo usando sequelize // 
    try{
        const save = await UserCredentials.create(AccountCreated);
        res.status(200).json({message: "Deu certo"})
    }catch (error: any) {
        res.status(500).json({ message: error })
    }  
} 

Resumo

Pegar infos do Form
Tratar as Infos
Salvar a Info

• #64
• #65
• #66

Definição:

Como usuário, quero poder redefinir a minha senha para continuar a acessar a ferramenta de Gerenciamento de tarefas em casos de esquecimento e/ou segurança (roubo de senha).

Descrição:

Para que o usuário possa redefinir sua senha, é preciso que seja inserido o código de acesso recebido (via e-mail ou telefone, a escolha do usuário) no momento da solicitação de redefinição de senha, criando em seguida uma nova senha.

Protótipo:

https://www.figma.com/file/cCdALGucKSuO1sa4BSUQww/Routinely?type=design&node-id=2-6074&mode=design

Critérios de Aceite

Campo Senha:

1. O campo Senha é obrigatório.
2. A senha deverá conter no mínimo 6 dígitos compostos de letras maiúsculas, minúsculas, números e caracteres especiais.
3. Ao digitar a senha, caso a mesma não esteja dentro dos critérios estabelecidos, o sistema deverá exibir a seguinte mensagem: “A senha deve ter o mínimo de 6 dígitos e conter letras maiúsculas e minúsculas, números e símbolos como ! @ # $ % & * =”
4. O campo Senha deve permitir ao usuário a opção de visualizar ou não a senha enquanto é digitada. Ao optar por não visualizar a digitação, a senha deverá ser apresentada através de “********”. Ao optar por visualizar a digitação, a senha digitada é exibida no campo.

Campo Confirmar Senha:

1. O campo Confirmar Senha é obrigatório.
2. O conteúdo do campo Confirmar Senha deverá ser igual ao do campo Senha. Caso o conteúdo do campo Confirmar Senha seja diferente do campo Senha, o sistema deverá exibir a mensagem “O campo Confirmar Senha deve ser igual ao campo Senha.”
3. O campo Confirmar Senha deve permitir ao usuário a opção de visualizar ou não a senha enquanto é digitada. Ao optar por não visualizar a digitação, a senha deverá ser apresentada através de “********”. Ao optar por visualizar a digitação, a senha digitada é exibida no campo.

Campo Outros Dispositivos:

1. O campo Outros Dispositivos não é obrigatório.
2. O campo Outros Dispositivos deverá exibir o texto "É necessário que todos os dispositivos acessem sua conta com a nova senha.”
3. Ao selecionar o campo Outros Dispositivos, a senha deverá ser redefinida em todos os dispositivos logados.

Opção Alterar senha:
Ao selecionar a opção 'Alterar senha', e estando os critérios para criação de senha atendidos, o sistema deverá exibir a mensagem “Redefinição de senha concluída com sucesso”, e redirecionar o usuário para tela de Login.

Definição:

Como usuário, quero poder acrescentar ou alterar informações pessoais de acesso para que eu possa personalizar a minha conta.

Descrição:

A funcionalidade Conta deverá permitir ao usuário incluir, editar e excluir informações pessoais para que ele possa manter o acesso e dados da conta atualizados.

Protótipo:

https://www.figma.com/file/cCdALGucKSuO1sa4BSUQww/Routinely?node-id=0%3A1&mode=dev

Critérios de Aceite:

A funcionalidade Conta deverá permitir a inclusão, edição e / ou exclusão dos seguintes dados:

• Foto do Perfil
• Nome do usuário
• E-mail de cadastro de acesso

Os campos Nome do Usuário e E-mail deverão se apresentar editáveis.
As alterações feitas nesses campos só serão gravadas: 1) Após o usuário selecionar Salvar alterações e 2) Os dados informados estejam nos formatos permitidos.

Campo Foto do Perfil:

• É um campo opcional.
• É um campo de imagem.
• Deverá permitir somente arquivos no formato .jpg | .png | .jpeg.
• Caso o arquivo enviado não atenda aos requisitos de formato de arquivo, deverá ser exibida a mensagem “Esse formato de arquivo não é permitido. Utilize um arquivo nos formatos .jpg .png .jpeg.”
• Deverá permitir somente arquivos respeitando o tamanho máximo de 1MB.
• Caso o arquivo enviado não atenda ao requisito de tamanho máximo, deverá ser exibida a mensagem “O arquivo deve ter no máximo 1MB.”
• A imagem carregada, independente da forma, será recortada para se adaptar à máscara de exibição da Foto de Perfil, respeitando a proporção 1:1 (quadrado), sendo redimensionada para 150 x 150 px.

Opção "Mudar Foto" (incluir ou editar imagem)

• O sistema deverá abrir uma janela para que o usuário escolha o arquivo a ser enviado.
• O sistema deverá permitir ao usuário buscar arquivos somente no dispositivo atual.
• Ao confirmar a seleção e o envio do arquivo desejado, estando todos os requisitos atendidos, a Foto de Perfil será atualizada.

Opção “Remover Foto” (excluir imagem)
Ao selecionar a opção Remover Foto, o sistema excluirá a imagem da Foto de Perfil.

Campo Nome do Usuário:

• É um campo obrigatório.
• Deverá permitir somente letras maiúsculas e minúsculas, e os caracteres especiais ‘ (apóstrofe) e - (hífen) .
• Deverá permitir até 50 caracteres.

Campo E-mail:

• É um campo obrigatório.
• Deverá permitir somente letras maiúsculas e minúsculas, números e os caracteres . (ponto) , - (hífen) e _ (subscrito).
• Deverá permitir até 50 caracteres.
• O e-mail informado deverá estar no formato [email protected]
• Caso o e-mail informado não esteja dentro do formato permitido, o sistema deverá exibir a mensagem "E-mail inválido. Por favor, verifique o e-mail inserido."

Adicionar integração http para fazer a edição de uma task

• #3
• #4
• #5
• #6
• #22
• #59

• #26
• #27
• #28
• #32
• #33
• #34

Definição:

Como usuário, quero poder ter uma visão geral de todas as minhas tarefas (concluídas e por concluir), para que eu possa acompanhar minha produtividade pessoal e taxa de sucesso.

Descrição:

A funcionalidade Histórico de Atividades deverá permitir ao usuário visualizar todas as tarefas incluídas no sistema, podendo filtrá-las de acordo com 1) período programado (data de início e data de conclusão) e / ou 2) status da tarefa.

Protótipo:

https://www.figma.com/file/cCdALGucKSuO1sa4BSUQww/Routinely?node-id=0%3A1&mode=dev

Critérios de Aceite:

A funcionalidade Histórico de Atividades deverá ter:

• Relatório em formato de lista.
• Relatório em formato de gráfico de colunas.
• Filtro de pesquisa.
• Download.

Relatório (lista):

• Deverá exibir a relação de atividades incluídas no sistema, independente do status atual (concluídas ou a concluir).
• O relatório mostrará até 10 atividades por vez. Para ver mais atividades, o usuário deverá selecionar a opção “Ver mais”, que carregará as próximas 10 tarefas e assim sucessivamente.
• Por padrão, a busca será feita apenas nos registros dos últimos 30 dias. Para períodos anteriores, o usuário deverá utilizar o recurso de Filtro de Pesquisa.
• Por padrão, as atividades serão listadas de forma cronológica de data, em ordem ascendente (de hoje até 30 dias atrás).
• O relatório deverá exibir:
  -- Título da atividade (até 40 caracteres)
  -- Data de início
  -- Data de conclusão
  -- Status da atividade

Relatório (gráfico): [essa funcionalidade agrega valor para o usuário?]

• Deverá exibir um gráfico de colunas com total de atividades (concluídas e a concluir) consolidado mês a mês.
• O eixo X (horizontal) é uma linha do tempo dividida em meses e o eixo Y (vertical) mede o total de atividades. Os eixos deverão ter rótulos para facilitar a leitura.
• O gráfico exibirá em uma mesma coluna tanto o total de atividades concluídas quanto o total de atividades a concluir.
• O gráfico deverá incluir legenda dos dados.
• Por padrão, a busca será feita apenas nos registros dos últimos 6 meses.

Filtro de pesquisa:

• Deverá permitir ao usuário filtrar as atividades por critérios de 1) período programado (data de início e data de conclusão) e 2) status da atividade (concluída e a concluir), para exibir apenas as atividades de interesse.
• Deverá permitir ao usuário filtrar registros até 60 meses [?] para trás.
• [o filtro funcionará para a lista e o gráfico? ou somente para a lista?]

Download:

• Deverá permitir ao usuário fazer download do seu Histórico de Atividades, tanto na forma padrão (registros até 30 dias) quanto do resultado filtrado.
• A opção Download criará um arquivo no formato .pdf . [precisa confirmar com equipe técnica se o banco de dados possui as tabelas necessárias para extrair as informações do relatório]

1. VISÃO DO USUÁRIO

• Como usuário do sistema
• eu quero acessar a home page
• para consultar as atividades do dia no sistema mobile

Para a tela inicial

Quando filtrado como usuário do sistema eu quero

Caso não tenha nenhum tipo de atividade