Cadastro de usuários

Projeto de cadastro de usuários

Desenvolver um frontend com área de login e senha e dentro da área logada ter as seções de tela inicial, perfil e usuários



Critérios do sistema:

- Ser desenvolvido no Vue 3

- Ser SPA

- Toda a comunicação com o backend será feita através de API

- A autenticação será feita utilizando JWT

- Altamente responsivo



No Login

- Ser uma tela simples com campo de login e senha

- Opção de lembrar o Login

- Recuperar senha por e-mail

- Para todas as solicitações para o backend simular construindo uma página estática com o caminho /api/ e retornando o json com os dados necessários



Template da área logada

- Uma sidebar (Itens principais)

- Menu superior (Subitens)



Tela inical

- Apresentar a quantidade de usuários cadastrados



Usuáiros

Deve ter um controle de acesso, onde somente os usuários com acesso aos usuários poderão acessar

- subitens

- Lista de todos os usuários cadastrados

- Pesquisar usuário

- Editar

- Excluir

- Novo usuário



Perfil

- Mostrar os dados do usuário

- Editar os dados

- Editar a senha (com o campo de confirmação)



Na sidebar

- Organizar nesta sequencia:

Home

Usuários

Perfil

Logout



Da estrutura

- Caso o backend devolva um retorno, de acesso não autorizado o cookie contendo o login e token são apagados e redirecionado para tela de login. Este retorno pode ser dado em qualquer requisição do sistema.

- Caso o token já tenha expirado ele tenta renovar o token, sem ter que refazer o login