/weather-app

A web application that provides real-time weather information for any city, with dynamic backgrounds and intuitive user interface.

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

WeatherNow ☀️

image

About

WeatherNow is a web application that allows users to check the current weather conditions of a specific city. It retrieves weather data from the OpenWeatherMap API and displays the temperature, weather type, humidity, and wind speed. Additionally, it dynamically fetches a background image of the city using the Unsplash API to provide a visually appealing user experience.

🌐 Live Demo: WeatherNow

Features ✨

  • 🌍 User-friendly interface with a search input field to enter the desired city name.
  • 🌡️ Real-time weather information, including temperature, weather type, humidity, and wind speed.
  • 🖼️ Dynamic background image based on the searched city.
  • 📱 Responsive design for optimal viewing on different devices.

Technologies Used 🚀

  • HTML5: Markup language for structuring the web page.
  • CSS3: Stylesheet language for enhancing the visual presentation.
  • JavaScript: Programming language for implementing interactive functionality.
  • OpenWeatherMap API: Retrieves weather data for the specified city.
  • Unsplash API: Fetches high-quality background images of cities.
  • Material Design Icons: Provides icons for various elements in the application.

Acknowledgements 🙏

  • OpenWeatherMap - Weather data API provider.
  • Unsplash - Background image API provider.
  • Material Design Icons - Icon set for the application.

About the Author ✍️

This project was created by Aniket Ahir. You can find more of my projects on my GitHub.