Skip to content

This is a weather app built using HTML5, CSS3, JavaScript, OpenWeatherMap API, and Unsplash API to fetch and display real-time weather data and city-related background images.

Notifications You must be signed in to change notification settings

Sahilbal/weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Weather-app

This is a weather app built using HTML5, CSS3, JavaScript, and the OpenWeatherMap API. It allows users to enter a city name and fetches data such as city temperature, weather icon, wind speed, humidity, and displays a picture related to the searched city in the background fetched from Unsplash API.

Installation

  • Clone the repository or download the ZIP file.
  • Open the index.html file in your web browser.

Usage

  • Upon opening the web app, you will see a text input field and a "search" icon.
  • Enter the name of the city for which you want to check the weather.
  • Click the "Search" button.
  • The app will fetch and display the city temperature, weather icon, wind speed, humidity, and show a picture related to the searched city in the background.

Technologies Used

  • HTML5
  • CSS3
  • Javascript

APIs Used

  • OpenWeatherMap API
  • Unsplash API

Contributing

If you'd like to contribute to this project, please fork the repository and submit a pull request.

About

This is a weather app built using HTML5, CSS3, JavaScript, OpenWeatherMap API, and Unsplash API to fetch and display real-time weather data and city-related background images.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published