Skip to content

Eu, como um usuário, quero poder logar no website de colaboradores da Compass para que e consiga acessar com segurança e usufruir das funcionalidades disponíveis.

Notifications You must be signed in to change notification settings

RafaelBrandaoBastos/WebsiteSquadGreen

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 

Repository files navigation

WebsiteSquadGreen

Eu, como um usuário, quero poder logar no website de colaboradores da Compass para que e consiga acessar com segurança e usufruir das funcionalidades disponíveis.

Integrantes

Cenário Atual:

Atualmente não temos um sistema e login num ambiente digital que promova uma maior integração e centralização de funcionalidade para colaboradores na Compass.

Cenário Desejado:

Desejamos um login que possa permitir uma boa usabilidade ao usuário.

Apresentação

Rotas

Ao tentar acessar uma URL que não existe na aplicação, o usuário é direcionado para uma página de erro 404. Para acessar a página de sucess o usuário deve fazer o login, se o mesmo não o fizer e tentar acessar a página seguinte, será direcionado para uma página de erro 401 que o redirecionará de volta para a página de login após cinco segundos:


Validação

Para passar para a página de sucess o usuário deve fazer o login. Só é aceito para o login o padrão de nome.sobrenome para usuário e de números de seis a nove dígitos para senha. Caso o padrão não seja seguido é apontada uma mensagem de erro informando que o padrão está incorreto, impedindo o usuário de prosseguir para a próxima página:



Tempo de login

Ao fazer login é iniciada a contagem de um temporizador de 600 segundos. Se o usuário quiser permanecer por mais de 600 segundos logado ele pode apertar o botão de continuar navegando que zera a contagem do temporizador. Ao fazer logout o usuário é direcionado para a página de login novamente, e se o usuário não deslogar é feito um login automático novamente após cinco segundos:



Logout

Caso não queria fazer um novo login de forma automática o usuário deve clicar no botão deslogar que aparece junto ao pop-up. O botão para a contagem do contador de cinco segundos e desloga o usuário:



Responsividade

Ao atingir a resolução de 768px o layout muda conforme demonstrado abaixo. A validação dos inputs ainda existe e a mensagem de erro também:



Ao fazer login o usuário é direcionado para a página de sucess que também é responsiva:



Tecnologias utilizadas:

Html5 React Figma Trello VisualStudio Git

About

Eu, como um usuário, quero poder logar no website de colaboradores da Compass para que e consiga acessar com segurança e usufruir das funcionalidades disponíveis.

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •