/DiaNoiteJS

Mostra um visual diferente de acordo com o horário atual. 🖼☀🌑

Primary LanguageJavaScriptMIT LicenseMIT

Dia/Noite

Version Repository size License Donate

Projeto    |    Visual    |    Executar   |    Licença

Dia/Noite 🌞🌚

O projeto foi ensinado por Gustavo Guanabara com o intuito de aprender mais sobre algumas funcionalidades do javascript/iniciante.

O back-end atualiza a cada 1 hora pegando o seu tempo atual e dependendo do horário (Manha, Tarde, Noite ou Madrugada) seta uma imagem base(cinza) para outra condizente com seu tempo.

Ex:
# Seu horário é 17:30
# Então ira aparecer uma imagem relacionada ao entardecer

Visual ✨

Rodando o projeto 🚴🏻‍♂️

# Clone o repositório
$ git clone https://github.com/NyctibiusVII/DiaNoiteJS.git

# Abra o index.html com seu navegador
- abra o explorer no arquivo
- Clique com o botão direito no arquivo
- Clique em 'Abrir com...' e selecione seu navegador

# O documento atualiza a cada 1 hora já pegando os minutos passados

Próximos passos 🚶🏻‍♂️

  • Imagens -> adicionar mais imagens, ideal ( 1 img p/ cada hora)
  • Background -> fazer a transição de cores conforme o horario do dia.
Ex:
# Agora é 17:30
# Então em tese será uma transição do entardecer ao anoitecer

Licença ⚖️

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Contato ✉️


@MatheusVidigal🦊

Matheus Vidigal / Linkedin Matheus Vidigal / Linkedin