ICP 2 - Gnkhakimova/CS5551 GitHub Wiki

ICP 2 - Weather Application

Source Code

Objective

Purpose of this ICP was to create a simple Web application which will show weather for next 5 hours for selected city. User need to enter State Code and City name and click "Show Weather" button.

Steps

  1. Following screen is presented to the user when Web application is launched. It has two fields: State code and City name and a button "Show Weather"

  2. User needs to enter State code and City name and click Show Weather button. Application will display weather for selected location for next 5 hours - which will have temperature, condition and Icon.


Source code

HTML - defines page layout, input fields, button and calls "getWeather()" function on button click:

JS - I used AngularJS for making API call to "Wuderground.com" to get hourly weather. Passing State code and City name from user input in API call. Tracing response and outputting needed data, such as: weather, condition and Icon for next 5 hours.

CSS - used for styling the page, setting background image, aligning text, creating custom button and etc.

⚠️ **GitHub.com Fallback** ⚠️