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
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.
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 (ngx-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.
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
- Run App
Can be found at documentation folder (generated by Compodoc)
Leave a comment if you get stuck on anything
18/04/2020 - Change weather api provider. From Dark Sky to Open Weather. - Remove precipitation probability parameter.