Assignment 6 for the OSU Bootcamp
Overview
This project utilized serverside API's and AJAX to display weather information. JQuery was used for DOM manipulation, the CSS framework Bootstrap was used to style the page, and semantic html was implimented.
https://maniac-i.github.io/Weather-Dashboard/
How to Use
This Weather Dashboard displays the current weather, including the temperature, humidity, wind speed and UV Index, sa well as the 5 day forecast with the temperature and humidity. Enter a city into the search bar and click search. This will populate both the current weather and 5 day forecast. You may also click on a previously searched city.
User Story
AS A traveler I WANT to see the weather outlook for multiple cities SO THAT I can plan a trip accordingly
Criteria to Meet
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, 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
- WHEN I open the weather dashboard
- THEN I am presented with the last searched city forecast
Weather Dashboard