https://github.com/lazaroalvesr/clima_tempo

Site de previsão do tempo desenvolvido com HTML, CSS, JavaScript e TypeScript. A aplicação consome APIs para mostrar as condições climáticas atuais e previsões futuras, com foco em uma interface simples e eficiente.
https://github.com/lazaroalvesr/clima_tempo

css frontend html5 learning-project openweathermap-api typescript

Last synced: 7 days ago
JSON representation

Site de previsão do tempo desenvolvido com HTML, CSS, JavaScript e TypeScript. A aplicação consome APIs para mostrar as condições climáticas atuais e previsões futuras, com foco em uma interface simples e eficiente.

• Host: GitHub
• URL: https://github.com/lazaroalvesr/clima_tempo
• Owner: lazaroalvesr
• Created: 2023-07-28T16:16:00.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2025-01-26T18:20:49.000Z (5 months ago)
• Last Synced: 2025-03-15T03:33:12.995Z (3 months ago)
• Topics: css, frontend, html5, learning-project, openweathermap-api, typescript
• Language: CSS
• Homepage:
• Size: 2.25 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Clima_tempo

**Clima_tempo** é uma aplicação web simples que exibe informações sobre o clima em tempo real, utilizando dados da API **OpenWeatherMap**. O projeto foi desenvolvido com **HTML**, **CSS** e **TypeScript** para mostrar a previsão do tempo, incluindo a temperatura, condições climáticas e a previsão para os próximos dias.

## Tecnologias Utilizadas

- **HTML**: Estrutura básica da página.

- **CSS**: Estilização da interface do usuário.

- **TypeScript**: Lógica para a integração com a API de clima e manipulação dos dados.

- **OpenWeatherMap API**: Para buscar as informações atualizadas sobre o clima.

## Funcionalidades

- **Exibição do Clima Atual**: Mostra a temperatura atual, condições do tempo (ex: ensolarado, nublado, chuvoso) e a localização.

- **Previsão para os Próximos Dias**: Exibe a previsão do clima para os próximos dias.

- **Busca de Localização**: Permite ao usuário inserir uma cidade para obter as informações de clima dessa localidade.

## Instalação

1. Clone este repositório:

    ```bash

    git clone https://github.com/lazaroalvesr/Clima_tempo.git

    ```

2. Navegue até o diretório do projeto:

    ```bash

    cd Clima_tempo

    ```

3. Abra o arquivo `index.html` em um navegador para visualizar a aplicação.

## Como Usar

1. Ao abrir a página, a aplicação exibirá automaticamente o clima da sua localização atual (dependendo da configuração do navegador).

2. Você também pode digitar o nome de uma cidade na caixa de pesquisa para obter informações do clima dessa localidade.

3. A previsão será mostrada para os próximos dias, incluindo a temperatura e condições meteorológicas.

## Obter uma Chave de API

1. Crie uma conta gratuita no [OpenWeatherMap](https://openweathermap.org/).

2. Após o cadastro, acesse a seção "API keys" em seu painel de controle e gere uma chave de API.

3. Substitua a chave de API no código-fonte da aplicação para começar a usar os dados da API.

## *✍️ *Autor**

- [@lazaroalvesr](https://github.com/lazaroalvesr)

## 🔗 Links

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://www.lazaroalvesr.com/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/l%C3%A1zaro-alves-r/)