Previsão do Tempo - PWA

Aplicativo de previsão do tempo com dados em tempo real da API OpenWeatherMap. Desenvolvido como Progressive Web App (PWA) com suporte offline.

Funcionalidades

• Clima Atual: Temperatura, condições climáticas, sensação térmica, umidade, vento e pressão
• Previsão Horária: Próximas 24 horas com temperatura, chuva e vento
• Previsão Diária: 5-7 dias com máxima, mínima e condições climáticas
• PWA: Instalável como app nativo e funciona offline
• Responsivo: Adapta-se a diferentes tamanhos de tela
• Dark Mode: Alternância entre tema claro e escuro

Tecnologias

• React 19
• TypeScript
• Redux Toolkit
• Chakra UI v3
• Vite
• Axios
• PWA (vite-plugin-pwa)

Ambiente Local

Pré-requisitos

• Node.js 18+
• npm ou yarn

Instalação

# Instalar dependências
npm install

# Rodar em desenvolvimento
npm run dev

# Build para produção
npm run build

# Preview do build (com PWA)
npm run preview

# Lint
npm run lint

Configuração da API

A chave da API OpenWeatherMap está configurada em src/api/weather.tsx. Para usar sua própria chave:

1. Obtenha uma chave gratuita em OpenWeatherMap
2. Substitua em src/api/weather.tsx:

const KEY_API = 'SUA_CHAVE_AQUI';

Estrutura do Projeto

src/
├── api/          # Integração com OpenWeatherMap
├── components/   # Componentes React
├── interfaces/   # Tipos TypeScript
├── slices/       # Redux slices
└── store/        # Configuração Redux

public/
└── assets/imgs/  # Ícones PWA (192x192, 512x512, etc)

PWA

O app é instalável e funciona offline com:

• Cache de imagens do clima (30 dias)
• Cache de requisições API (30 minutos)
• Service Worker automático
• Manifest configurado

Para instalar:

• Desktop: Clique no ícone de instalação na barra de endereço
• iOS: Safari > Adicionar à Tela de Início
• Android: Menu > Instalar aplicativo