weather-dashboard

Table of Contents

Project Description:

This applications acts as a weather dashboard that runs in the browser and features dynamically updated HTML and CSS by using the OpenWeather One Call API to retrieve weather data for cities. Searches are saved to local storage for future viewing.

Features

This application includes the following features:

  • HTML
  • CSS
  • Javascript
  • API (from Open Weather Map)

User Story:

  • AS A traveler
  • I WANT to see the weather outlook for multiple cities
  • SO THAT I can plan a trip accordingly

Acceptance Criteria:

GIVEN a weather dashboard with form inputs

  • WHEN I search for a city -- THEN I am presented with current and future conditions for that city and that city is added to the search history
  • WHEN I view current weather conditions for that city -- THEN I am presented with the city name, the date, an icon representation of weather conditions, the temperature, the humidity, the wind speed, and the UV index
  • WHEN I view the UV index THEN I am presented with a color that indicates whether the conditions are favorable, moderate, or severe
  • WHEN I view future weather conditions for that city -- THEN I am presented with a 5-day forecast that displays the date, an icon representation of weather conditions, the temperature, the wind speed, and the humidity
  • WHEN I click on a city in the search history -- THEN I am again presented with current and future conditions for that city

Webpage Screenshots:

Screenshot Screenshot

Github Link:

Contributors:

Have any questions and/or concerns regarding this application? Feel free to outreach the contributor using the details below: