Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

MuriloCamargo12/Weather

Open more actions menu

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

Packages

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.