Skip to content

douglas074/Nosso-clima

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bem-vindo ao Nosso Tempo

Este é um site de clima simples que utiliza a API do OpenWeatherMap para exibir informações meteorológicas.

Requisitos

  • Servidor web compatível com PHP (por exemplo, Apache, Nginx)
  • Chave de API do OpenWeatherMap (você pode obtê-la gratuitamente em OpenWeatherMap API)

Configuração

  1. Clone este repositório para o diretório do seu servidor web:
  2. git clone https://github.com/douglas074/Nosso-clima;
  3. Navegue até o diretório do projeto:
  4. cd Nosso-clima
  5. Abra o arquivo Weather.php em Config e substitua o valor da váriavel $apiKey pela sua chave de API do OpenWeatherMap:
  6. <?php
      $apiKey = 'sua chave';
    ?>
  7. Inicie o servidor web e acesse o site pelo navegador.

Funcionalidades

O site possui as seguintes funcionalidades:

  • Exibição do clima atual da cidade que você está.
  • Exibição das condições meteorológicas, temperatura, Nebulosidade, Visibilidade, umidade e velocidade do vento.
  • Horario da última atualização

Estrutura do Projeto

O projeto possui a seguinte estrutura de arquivos:

  • index.php: Página inicial do site.
  • config/: Pasta que contém os arquivos do back-end.
  • weather.php: Função que se comunica com a API do OpenWeatherMap para obter os dados meteorológicos.
  • Intermediary.php: Arquivo que faz comunicação entre o Script.js e o arquivo Weather.php
  • assets/: Diretório contendo arquivos de estilo CSS e scripts JavaScript.
  • app/js/Script.js: Script JavaScript que controla as interações do usuário e exibe os dados do clima.

Tecnologias Utilizadas

As seguintes tecnologias foram utilizadas no desenvolvimento deste site:

  • PHP: Linguagem de programação do lado do servidor para obtenção dos dados da API e renderização dinâmica da página.
  • JavaScript: Linguagem de programação do lado do cliente para interatividade e manipulação dos dados retornados pela API.
  • Bootstrap 5.3: Framework CSS para facilitar a criação de um layout responsivo e estilização dos elementos.

Contribuição

Se você quiser contribuir para este projeto, sinta-se à vontade para abrir uma issue ou enviar um pull request.

Licença

Este projeto está licenciado sob a licença MIT.

© 2023 Nosso tempo