An open API service indexing awesome lists of open source software.

https://github.com/matheusjurkovich/weather-app


https://github.com/matheusjurkovich/weather-app

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# Weather APP

Bem-vindo ao nosso Site de Pesquisa Climática! Este site é construído usando o framework Next.js para o frontend, Lucide para ícones, e utiliza a API OpenWeather para fornecer dados meteorológicos em tempo real. Além disso, Moment.js é utilizado para lidar com formatação de data e hora.

## Recursos

- **Dados Meteorológicos em Tempo Real:** Tenha acesso a informações meteorológicas atualizadas da API OpenWeather.
- **Funcionalidade de Pesquisa:** Pesquise dados meteorológicos por nome da cidade.
- **Design Responsivo:** O site é projetado para funcionar perfeitamente em vários dispositivos e tamanhos de tela.

## Tecnologias Utilizadas

- **Next.js:** Next.js é um framework React que permite renderização no lado do servidor, proporcionando melhor desempenho e benefícios de SEO.
- **Lucide:** Lucide é uma biblioteca de ícones de código aberto simples e bonitos. Usamos ícones Lucide para melhorar o apelo visual do nosso site.
- **API OpenWeather:** OpenWeather fornece uma API poderosa para acessar dados meteorológicos de todo o mundo. Aproveitamos esta API para buscar informações meteorológicas para diferentes localidades.
- **Moment.js:** Moment.js é uma biblioteca popular para análise, validação, manipulação e formatação de datas e horas. Utilizamos o Moment.js para lidar com a formatação de datas e horas em nosso site.

## Começando

Para executar o projeto localmente, siga estas etapas:

1. Clone o repositório para sua máquina local.
2. Navegue até o diretório do projeto.
3. Instale as dependências usando `npm install`.
4. Obtenha uma chave de API da OpenWeather e substitua o espaço reservado no código pela sua chave de API.
5. Execute o servidor de desenvolvimento usando `npm run dev`.
6. Abra seu navegador e acesse `http://localhost:3000` para visualizar o site.