O projeto consiste um sistema de marcação de ponto utilizando as seguintes tecnologias HTML5 na estrutura, CSS3 no layout e o JavaScript na sua funcionalidade.
A marcação de ponto é realizada no script do front-end, para armazenamento das informações foi utilizado um array.
Ao clicar no botão Registrar pela primeira vez, o sistema registra a hora atual como ponto de entrada, ao clicar pela segunda vez o sistema pega a hora atual e calcula o total de horas trabalhadas e exibe na tabela à direita, então se inicia uma nova marcação de ponto.
É possivel registrar mais de um ponto no mesmo dia, foi desenvolvido assim para que o sistema fosse testado. Em um cenário real só seria possível registrar dois pontos diário.
No layout foram utilizadas as cores laranja que segundo a psicologia das cores é um tom que transmite alegria, o verde que transmite tranquilidade e também confiança para o usuário, e predominantemente o cinza que transmite confiabilidade e equilibrio.
Acesse o projeto através do gitpage: https://joceliahora.github.io/controle_de_ponto_dti/