Weather App 🌦️

A real-time weather app that fetches live conditions from the OpenWeatherMap API and changes its entire look — background, animations, and icons — to match the weather where you are (or anywhere you search).

Live demo: https://delightful-concha-6320e8.netlify.app/

Features

• Search live weather for any city in the world
• Dynamic, animated backgrounds that shift with conditions: sun, rain, drizzle, thunderstorms, snow, and clouds
• Temperature, humidity, wind speed, and "feels like" readouts
• Friendly error handling for cities that can't be found

Tech stack

• React (Create React App)
• OpenWeatherMap API for live weather data
• Plain CSS for the animated, weather-reactive UI

Running it locally

git clone https://github.com/talk2brownn/weather-app.git
cd weather-app
npm install
npm start

The app will open at http://localhost:3000.

Using your own API key

This project calls the OpenWeatherMap API directly from the browser. For your own copy, grab a free API key from openweathermap.org and swap it into the API_KEY constant in src/App.js (or, better, move it into a .env file as REACT_APP_WEATHER_API_KEY and read it via process.env).

Author

Built by Emediong "Brown" Ubong Ekwere — see more projects on my portfolio.