Morpheus Teste

Descrição

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.

Tecnologias Utilizadas

• 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.

Funcionalidades

• 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.

Instalação

Para executar o projeto localmente, siga os passos abaixo:

1. Clone o repositório:

   git clone https://github.com/Waklio/Projeto-Morpheus-Teste.git

2. Navegue até o diretório do projeto:

   cd Projeto-Morpheus-Teste

3. Abra o arquivo index.html no seu navegador preferido.

Demo

A ser trabalhado

• Conexão entre os botões e o gráfico.
• Automatizar a criação dos Cards.
• Responsividade.