AngularJS Weather App

Uses AngularJS, Weather Icons and Open Weather Map API to create a simple weather card, initially based on user location, but can be over-ridden by the input below.

If you take a look at the markup, the icons are based on a range of weather IDs from Open Weather Map, so this could obviously get more specific.

The background colour of the card is controlled using ng-class based on the temperature.

Key: Cool | Mild | Hot

{{weatherData.message}}

Loading...

{{weatherData.name}}, {{weatherData.sys.country}}

{{weatherData.main.temp - 273 | number:0}}°C

{{weatherData.weather[0].main}}: {{weatherData.weather[0].description}}