O Morpheus Teste é uma tela de estudos que serviu para desenvolver habilidades Front-End. Ele apresenta uma interface interativa e amigável ao usuário, utilizando modernas tecnologias web e um design elegante baseado no conceito de Glassmorphism.
- HTML5: Para a estruturação do conteúdo da aplicação.
- CSS3: Para estilização e aplicação de efeitos visuais, incluindo a técnica de Glassmorphism.
- JavaScript: Para adicionar interatividade e funcionalidades dinâmicas ao projeto.
- Chart.js: Para a criação de gráficos dinâmicos que auxiliam na visualização dos dados.
- Saudação Personalizada: Exibe uma saudação personalizada para o usuário com base no horário de acesso.
- Relógio: Mostra a hora atual em tempo real.
- Gráficos Interativos: Utiliza a biblioteca Chart.js para exibir gráficos que ajudam no pré-diagnóstico de bruxismo.
- interatividade no relógio: Exibe uma determinada cor dependendo do horário que é acessado das 6h as 11h:59 amarelo, de 12:17h:59 vermelho e de 18h até 5h:59 roxo.
Para executar o projeto localmente, siga os passos abaixo:
-
Clone o repositório:
git clone https://github.com/Waklio/Projeto-Morpheus-Teste.git
-
Navegue até o diretório do projeto:
cd Projeto-Morpheus-Teste -
Abra o arquivo
index.htmlno seu navegador preferido.
- Conexão entre os botões e o gráfico.
- Automatizar a criação dos Cards.
- Responsividade.