Weather App - Ionic 5 / Angular 8 Template Ionic Boilerplate

Author userpic
by WebLabStudio
Weather App - Ionic 5 / Angular 8 Template Ionic  Mobile Boilerplate



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.

Product tags

Comment faces

Join the discussion

No comment for this product yet be the first who discuss with @

0 сomments

Partner`s product

After click you will redirected to the partner website

Related products

Become a Ionic marketplace Creator
Start earning with your Ionic coding skills today
Get Started