macias-daniel / weather-dashboard-demo

Keep track of the weather with this front end project

weather-dashboard-demo

Demonstrating ability to create multiple ajax calls accessing a weather API in order to display a variety of different data to the user depending on their city of choice

My Process: This application furned out a little bit more difficult then ones ive done in the past, the reason being having to do multiple ajax requests synchronously

Github Pages Link

https://macias-daniel.github.io/weather-dashboard-demo/

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, 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