D

Relógio Web

ReactJscsshtml
2023-02-25
imagem do projeto

📘 Introdução

Esse foi um projeto simples que criei para colocar em prática o que estava aprendendo com JavaScript. A ideia era construir um relógio personalizado, com cores e estilo que combinam comigo — e que ainda trouxesse informações do clima em tempo real.

🎯 Objetivo

Praticar a manipulação de datas e horas com o construtor Date() e aprender como integrar APIs externas, adicionando funcionalidades úteis como previsão do tempo baseada em localização.

🧠 Aprendizados

  • Como usar o objeto Date() para exibir horas, minutos e segundos em tempo real.
  • Como integrar uma API externa para consumo de dados climáticos.
  • Como atualizar o layout e visual do relógio com base em estados dinâmicos.
  • Superar frustrações e usar feedback como impulso para melhorar o projeto.

📈 Desafios e soluções

Durante o processo, recebi um comentário que me desanimou: "um relógio todo mundo faz". Isso quase me fez desistir, mas resolvi encarar como uma oportunidade de evoluir o projeto e desafiar a mim mesmo. Foi aí que decidi implementar a funcionalidade de clima utilizando uma API — o que trouxe muito aprendizado e valorizou o resultado final.

🖼️ Interface / Visual

Usei um design escuro com detalhes em verde e roxo, inspirados por combinações que gosto visualmente. Trabalhei para deixar a interface limpa, com tipografia clara e bem alinhada, e destaquei tanto o relógio analógico quanto o digital.