/projeto-condicao-tempo

Primary LanguageJavaScript

Projeto de estudo 'Condição do Tempo'

O projeto-condicao-tempo é um projeto construído utilizando HTML, CSS, JavaScript e TypeScript. Ele realiza consultas na API OpenWeatherMap (https://openweathermap.org/) para fornecer informações meteorológicas precisas e atualizadas.

Funcionalidades

  • Consulta de Dados Meteorológicos: O aplicativo permite que os usuários consultem informações meteorológicas de diferentes cidades em tempo real.
  • Exibição de Dados: Os dados retornados pela API OpenWeatherMap são apresentados de forma amigável e intuitiva, facilitando a compreensão das condições meteorológicas.

Tecnologias Utilizadas

  • HTML: Utilizado para a estruturação da página web.
  • CSS: Responsável pela estilização e aparência visual do aplicativo.
  • JavaScript: Utilizado para interações dinâmicas na página e manipulação dos dados.
  • TypeScript: Adiciona tipagem estática ao JavaScript, facilitando a manutenção e prevenindo erros comuns.

Como Utilizar

  1. Clone o Repositório:

    bashCopy code
    git clone https://github.com/seu-usuario/projeto-condicao-tempo.git

  2. Acesse o Diretório:

    bashCopy code
    cd projeto-condicao-tempo

  3. Insira o comando no terminal - para instalar as dependências

    npm init -y
  1. Insira o comando no terminal - para instalar as dependências do Typescript
    npm i -D typescript
  1. Insira o comando no terminal - para iniciar o Typescript
    npx tsc --init
  1. Abra o Arquivo HTML: Abra o arquivo index.html em seu navegador favorito.
  2. Informe a Cidade: Digite o nome da cidade desejada no campo de pesquisa e pressione Enter.

Configuração da API

Certifique-se de obter uma chave de API válida do OpenWeatherMap em https://openweathermap.org/api e substitua a variável API_KEY no arquivo index.ts com sua chave.

typescriptCopy code
const API_KEY = 'sua-chave-de-api-aqui';

Demostração

https://www.loom.com/share/ef0bf97e71b241cf8683bbdfb1feed91?sid=4f7df187-33d1-4792-bcf0-002ec5acc6cb