/weatherApp

Primary LanguageJavaScript

Weather App

This is a simple weather app created using vanilla HTML, CSS, and JavaScript. The app allows users to input a city and retrieves the current weather information along with a corresponding GIF representing the current weather conditions.

Demo

You can view a live demo of the Weather App here.

Features

  • Users can input a city name to get the current weather information.
  • The app retrieves weather data using a weather API.
  • It displays the current weather conditions including temperature, "feels like" temperature (both in ºC and ºF), humidity and current weather conditions.
  • A GIF corresponding to the current weather conditions is displayed alongside the weather information.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Webpack

APIs Used

  • WeatherAPI - Used to retrieve weather data for the specified city.
  • Giphy - Used to retrive the gif corresponding to the current weather conditions

How to Use

  • Clone or download the repository to your local machine.
  • In the console run npm run
  • Enter the name of the city for which you want to check the weather in the input field provided.
  • Press the "search" button.
  • The weather information along with a corresponding GIF will be displayed below the input field.