/ in /

Weather App – Ionic 5 / Angular 8 Template template app

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 Open Weather 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.


Smart Chart

Chart that show temperature level and weather changes. 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.


Open Weather 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 Open Weather API.

Animated icons by Skycons


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

Change Log


    - Change weather api provider. From Dark Sky to Open Weather.
    - Remove precipitation probability parameter.


Please leave your review here regarding the use of “Weather App – Ionic 5 / Angular 8 Template”

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

Not rated yet
Live Preview External Product via Envato
Updated on: 22 July 2020
Created on: 22 July 2020