A simple and beautiful weather web application built with React.
It allows users to search cities worldwide and get real-time weather updates, including temperature, conditions, and forecasts.
🖌️ Background color changes dynamically depending on the current weather (e.g., sunny, rainy, cloudy).
🌦️ Weather icons and messages adapt to the selected location’s weather in real time.
- 🔍 City search with autocomplete suggestions
- 🌍 Worldwide location support
- 🌤️ Dynamic background based on weather (
sun,cloud,rain, etc.) - 🌡️ Current temperature, humidity, and wind speed
- 🕒 Hourly forecast and next 2 days forecast
- 📱 Fully responsive design
⚠️ Error handling for invalid search- ⏳ Loading state
- 🌐 City list with small flags in UI (if available)
- React (with functional components & hooks)
- OpenWeatherMap API
- Custom CSS (no framework)
- Optional: country-flag-icons, geolocation APIs
# Clone the repository
git clone https://github.com/your-username/your-repo-name.git
# Install dependencies
npm install
# Start the development server
npm start
You can customize these backgrounds in the CSS depending on weather.main or weather.description.
🧾 License
This project is licensed under the MIT License.