https://github.com/gui-bus/weather-tracker

O Weather Tracker é uma pagina que fornece informações precisas e atualizadas sobre as condições meteorológicas em tempo real de qualquer lugar do mundo, permitindo que você esteja sempre bem informado sobre o clima atual da cidade desejada. 🌦️
https://github.com/gui-bus/weather-tracker

css design figma html html-css html-css-javascript html5 javascript openweather openweathermap openweathermap-api tailwind tailwindcss

Last synced: about 1 month ago
JSON representation

O Weather Tracker é uma pagina que fornece informações precisas e atualizadas sobre as condições meteorológicas em tempo real de qualquer lugar do mundo, permitindo que você esteja sempre bem informado sobre o clima atual da cidade desejada. 🌦️

• Host: GitHub
• URL: https://github.com/gui-bus/weather-tracker
• Owner: gui-bus
• License: mit
• Created: 2023-08-07T22:32:26.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-08T18:47:28.000Z (over 1 year ago)
• Last Synced: 2024-04-23T09:36:45.024Z (8 months ago)
• Topics: css, design, figma, html, html-css, html-css-javascript, html5, javascript, openweather, openweathermap, openweathermap-api, tailwind, tailwindcss
• Language: CSS
• Homepage: https://gui-bus.github.io/Weather-Tracker/
• Size: 10.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# Weather Tracker - Condições Meteorológicas em Tempo Real 🌦️



  



## Weather Tracker 🌧️

O Weather Tracker é uma pagina que ***fornece informações precisas e atualizadas sobre as condições meteorológicas em tempo real de qualquer lugar do mundo***, permitindo que você esteja sempre bem informado sobre o clima atual da cidade desejada. 

> Com uma interface simples e intuitiva, o site oferece uma experiência agradável e facilita o acesso a dados meteorológicos relevantes para os usuários. :star:

### Características :dart:

- [x] ***API OpenWeatherMap***

	- Utiliza a api da [OpenWeatherMap](https://openweathermap.org/api) para obter os dados meteorológicos.

- [x] ***Dados meteorológicos em tempo real*** 

	-  Exibe informações precisas sobre diversas condições climáticas como por exemplo a temperatura, sensação térmica, umidade, velocidade do vento e etc.

- [x] ***Pesquisa por localidade*** 

	- O Weather Tracker possui uma funcionalidade de ***busca automática das informações da sua cidade***, caso a localização do seu dispositivo esteja ativada. Isso permite que você obtenha facilmente as condições climáticas atuais do lugar onde você está.

	-  Além disso, você pode ***digitar o nome da cidade ou localidade desejada para visualizar as condições climáticas atuais*** daquele local específico.

- [x] ***Fuso horário e ciclo do dia***

	-  Exibe informações precisas sobre a data e a hora do local que foi pesquisado, além de também exibir dados como o horário do nascer/por do sol.

- [x] ***Localização no Google Maps***

	-  Ao clicar no botão de "Ver localização no Google Maps" o usuário é redirecionado para a página do maps do local pesquisado, baseado na latitude e longitude do local.

- [x] ***Interface responsiva feito com Tailwind CSS*** 

	-  O site é totalmente responsivo, se ajustando a diferentes tamanhos de tela e dispositivos.

 - [x] Aplicação de algumas das principais ***metatags de SEO***. 

	- *[Ver Código](https://github.com/gui-bus/weatherTracker/blob/main/index.html)*

## Como utilizar e acessar a página :gear:

- [x] Para desfrutar de todas as incríveis funcionalidades da pagina do ***Weather Tracker*** basta clicar no link abaixo.

	- *[Acessar página web do Weather Tracker 🌦️](https://gui-bus.github.io/weatherTracker/)*

## Tecnologias utilizadas :dart:






     

     

     

     

  



## Contribuição :bulb:

Gostaria de contribuir para o projeto? ***Fico muito grato pelo interesse!***

- Sinta-se à vontade para entrar em contato comigo através das minhas redes sociais para enviar seu feedback, sugestões ou comentários sobre o projeto.

## Redes sociais para contato! :speech_balloon:

[![LinkedIn](https://img.icons8.com/color/48/000000/linkedin.png)](https://www.linkedin.com/in/gui-bus/) 

[![Instagram](https://img.icons8.com/fluency/48/000000/instagram-new.png)](https://www.instagram.com/guibus_dev/)

[![Gmail](https://img.icons8.com/fluency/48/000000/gmail.png)](mailto:[email protected])

## Precisa de uma pagina personalizada para o seu negócio? :rocket:

- [x] Se você gostou do projeto do ***Weather Tracker*** e está interessado em ter uma página para o seu negócio, entre em contato! Estou disponível para desenvolver sites personalizados e adaptados às necessidades da sua empresa. 
 ***Vamos transformar sua visão em realidade!*** :star: 

-  Entre em contato através das minhas redes sociais ou envie-me um e-mail para [[email protected]](mailto:[email protected]).