AngularJS Data Integration

An example of simplicity by demonstrating in a real world scenario of responsiveness and seemless data integration using weather data acquired over the web from a remote server using Angular and Bootstrap. The programmnming interface of AngularJS is used to fetch and bind the data to the page elements with Bootstrap to adapt the page contents to various devices and screen sizes.

Weather in your area

Enter your 5 digit zip code: ex. 34994
{{geoLookup.description}}

Current conditions for {{geoLookup.LocalizedName}}, {{geoLookup.AdministrativeArea.LocalizedName}} :

{{conditions.WeatherText}}

{{conditions.Temperature.Imperial.Value}}° F

{{conditions.RelativeHumidity}}% Relative Humidity

{{conditions.Pressure.Imperial.Value}} mb Barometric Pressure {{conditions.PressureTendency.LocalizedText}} {{conditions.PressureTrend}}

Winds {{conditions.Wind.Direction.Localized}} {{conditions.Wind.Speed.Imperial.Value}} mph with gusts to {{conditions.WindGust.Speed.Imperial.Value}} mph