Skip to content

MuriloCamargo12/Weather

Repository files navigation

🌤️ Weather

Aplicação de previsão do tempo desenvolvida com foco em boas práticas de Front-end moderno, utilizando Next.js, React e consumo de API externa.


🚀 Deploy

🔗 Acesse o projeto online:
https://weather-psi-khaki-35.vercel.app/


▶️ Como rodar o projeto localmente

# Clonar o repositório
git clone https://github.com/MuriloCamargo12/Weather.git

# Entrar na pasta do projeto
cd weather

# Acesse https://openweathermap.org/ para gerar uma KEY da API

# Criar arquivo .env na raiz com:

WEATHER_KEY=KeyGeradaDoOpenWeather

# Instalar dependências
npm install

# Rodar o projeto
npm run dev

🛠️ Tecnologias utilizadas

  • Next.js (App Router)
  • React (Hooks)
  • TypeScript
  • Tailwind CSS

⚙️ Funcionalidades

  • ✅ Consultar previsão de tempo
  • ✅ Responsividade mobile
  • ✅ Organização de componentes por feature

🧠 Aprendizados

Durante o desenvolvimento deste projeto, pratiquei:

  • Estruturação de projeto com App Router (Next.js)
  • Organização modular de componentes
  • Manipulação de estado com React Hooks (useState)
  • Uso de variáveis de ambiente (.env)
  • Deploy e configuração de variáveis na Vercel
  • Consumo de API (OpenWeatherMap)
  • Tratamento de erro
  • Exibição dinâmica baseada na resposta da API

🆘 Precisa de ajuda? Entre em contato comigo pelo Linkedin:

LinkedIn

Releases

No releases published

Packages

 
 
 

Contributors