Home » Products » Ionic » Weather App – Ionic 5 / Angular 8 Template

Weather App – Ionic 5 / Angular 8 Template


Production ready Weather App for iOS and Android with
current, hourly and 7 days forecast.


  • Clean design
  • 22 Animated icons (Skycons)
  • Smart chart with hourly forecast (Chart.js)
  • Forecast for next 7 days
  • Google Places Autocomplete
  • Integration with Dark Sky API

Made With

Ionic 5, Angular 8, Chart.js, NGX Bootstrap, HTML, SASS


Clean Design that will show you all needed information about current weather.
Smart Chart will give you hourly info about weather changes and precipitations.


Smart Chart

Chart that show temperature level and weather changes, also it shows
precipitation probability. There are 7 and 14 hours modes.


7 days forecast

Smart design allows you to catch weather at a glance!

7 days forecast

Google Places Autocomplete

Gives ability to get geolocation from entered address.


Dark Sky API

It is well documented Api that gives 1,000 API requests per day for free.
Check out their documentation here.

Animated icons by (Skycons)

Works great with Dark Sky API.



Prepare API keys

Run App in Browser

  • Unzip and go to the project folder
  • Install Ionic CLI npm install -g ionic
  • Install Libraries npm install
  • Run App ionic serve


Can be found at documentation folder (generated by Compodoc)


Leave a comment if you get stuck on anything


There are no reviews yet.

Be the first to review “Weather App – Ionic 5 / Angular 8 Template”

Your email address will not be published. Required fields are marked *