Este projeto consiste em uma aplicação web que fornece ao usuário informações dinâmicas e personalizadas sobre seu ambiente local. Ele exibe o horário local em tempo real e a temperatura atual, ajustando-se automaticamente com base na geolocalização do usuário.
A interface foi desenvolvida para ser limpa, intuitiva e responsiva, oferecendo uma experiência de usuário agradável e direta.
- Detecção Automática de Localização: Utiliza a API de Geolocalização do navegador para obter a localização do usuário com sua permissão.
- Relógio em Tempo Real: Exibe a hora local exata, atualizada a cada segundo.
- Temperatura Atual: Mostra a temperatura corrente da localização detectada.
- Conversão de Unidades: Apresenta a temperatura tanto em graus Celsius (
°C
) quanto em Fahrenheit (°F
). - Interface Dinâmica: Os dados são carregados e exibidos de forma assíncrona, sem a necessidade de recarregar a página.
- HTML5: Para a estruturação semântica do conteúdo.
- CSS3: Para a estilização, layout e responsividade.
- JavaScript: Para a lógica de programação, manipulação do DOM e comunicação com APIs.
- APIs Externas:
- API de Geolocalização do Navegador: Para obter as coordenadas do usuário.
- API de Clima (Ex: OpenWeatherMap, WeatherAPI): Para buscar os dados de temperatura com base nas coordenadas.
Você pode acessar a versão ao vivo do projeto através do link abaixo:
Clique aqui para ver o projeto funcionando!)
- Clone este repositório:
git clone https://github.com/<SEU-USUARIO>/<JavaScript-Flash-Course.git
- Navegue até a pasta do projeto.
- Abra o arquivo
index.html
em seu navegador de preferência. - Permita o acesso à sua localização quando o navegador solicitar.
Criado e desenvolvido por Renan Figueiredo.
- GitHub: @.DevL1ra
- LinkedIn: https://www.linkedin.com/in/renan-figueiredo-3a6510236/