Built a weather dashboard application with search functionality to find current weather conditions and the future weather outlook for multiple cities.
-
Displays the following under current weather conditions:
-
City
-
Date
-
Icon image (visual representation of weather conditions)
-
Temperature
-
Humidity
-
Wind speed
-
UV index
-
-
Includez a 5-Day Forecast below the current weather conditions. Each day for the 5-Day Forecast displays the following:
-
Date
-
Icon image (visual representation of weather conditions)
-
Temperature
-
Humidity
-
-
Application uses icons to represent weather conditions.
-
Application stores previously searched for cities in localstorage and displays them to the user.
-
Application loads last searched city forecast on page load.
##Technologies This web application was built using html, CSS and Jquery. This application is pulling data using AJAX calls from 3 APIs (https://openweathermap.org/api): 1)Current weather data, 2) UV index 3) 5 Day forecast. Used Bootstrap to create the layout and used moment.JS to get current date.
##Installation
Click on this link: https://github.com/sarkwon89/weatherchannelSK to access the repo with the html, CSS and javascript files.
##How to use Click on this link to use the application: https://sarkwon89.github.io/weatherchannelSK/
The page should have a background and some text with no weather data displayed Please refer to screen shot 1
Search for a city and you should see the page pull data about today's weather and the next 5 day forecast. Please refer to screen shot 2