Weather App - Ionic 5 / Angular 8 Template

Description

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

Features

• 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

Design

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!

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.

Installation

Prepare API keys

• Get Google Places Api Key (https://developers.google.com/places/web-service/get-api-key)
• Get Open Weather API Key (https://openweathermap.org/api)
• Set keys in environment variables (src/environments/environment.ts)

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

Documentation

Can be found at documentation folder (generated by Compodoc)

Support

Leave a comment if you get stuck on anything

Change Log

    18/04/2020

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