denislevy76/compass-front-challenge-authentication

Application

Desafio sprint 4

Especificações para o Desafio 4!

História

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

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.

Figma do projeto: keepalive – Figma

🛠 Workflow:

- Criar um repositório público no GitHub;

- Pequenos commits;

- Os commits devem ser coerentes e descritivos;

- Enviar o link do repositório por e-mail até terça-feira, 18/10 às 12h00m.

👀 Critérios de avaliação:

- O projeto deve ter 4 páginas, sendo elas: Login, Login preenchido, Login Error, Home.

- Estilização: Seguir o layout conforme o desenhado pela equipe de UX/UI.

- Utilização de ícones e fontes (podendo usar Nunito ou Poppins como opção).

- Lógica de Login com o usuário e senha, sendo apenas: "admin" e "admin".

- Lógica de horário e data completa na tela Home.

- Lógica de Clima/Tempo tendo como referência a geolocalização do usuário logado. API recomendada: https://www.weatherapi.com na tela home.

- Lógica do Temporizador de tempo logado em segundos (600s) que, quando zerado, deverá redirecionar para a página de Login. (podendo ser 180s na apresentação, mas no código deverá ser 600s).

- Lógica para manter o Título da página como "Compass - Login" e "Compass - Home".

- Lógica de Logout ao clicar em "Logout" na tela Home.

- Local Storage: Armazenar os dados preenchidos de login e password em memória, caso o usuário realize o logout, deverá aparecer um Pop-up que perguntará ao usuário se deseja continuar logado, caso deseje, o login será automático sem a necessidade de preencher os campos novamente, caso contrário o local storage deverá ser resetado.

- Ao clicar em "continuar navegando" deverá abrir uma nova aba no browser, sendo essa a página de notícias da UOL.

🔑 Requisitos Obrigatórios:

- HTML, CSS e Javascript;

- Todas as funcionalidades respondendo de maneira correta.

- Apresentação do projeto no dia determinado. A não apresentação acarretará nota 0.