5-Day-Weather

Week 6-Server Side API's

Description

This week we were to create a personal Weather Dashboard. The Dashboard provides the user with a 5-Day weather report for their desired destination. The city is then stored on the page, using local storage, and can be revisted when "clicked". OpenWeather API was used to retrieve the weather data for the cities.

Tech UsedTable of Contents

Open weather current & 5 day forecast API's: https://openweathermap.org/api

Bootstrap: https://getbootstrap.com/

Moment.js: https://momentjs.com/

JQuery

JS

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, and the the wind speed

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

Demo

5-Day.Dashboard.webm

Links

https://cmarielorber.github.io/5-Day-Weather/

Credits

Bootcamp Team and askBCS and Classmates and Google