Skip to content

Weather Forecast app built using Angular, Tailwind CSS, OpenWeather API & HERE Geocoding API.

License

Notifications You must be signed in to change notification settings

waynegakuo/weather-forecast

Repository files navigation

Weather Forecast

Weather Forecast

This project was generated with Angular CLI version 11.1.0.

The Weather Forecast App uses the OpenWeather API to provide a city's current weather forecast & a 7-Day weather forecast. The app also uses Here API to provide geo-coordinates of a known address, place, locality or administrative area, even if the query is incomplete or partly incorrect.

It is very important to have an OpenWeather & HERE Geocoding AP Keys

API Keys

Inside the api.interceptor.ts in the Interceptors folder (src > app > interceptors), replace the YOUR_GEOCODE_API_KEY & YOUR_OPENWEATHER_API_KEY sections with their respective API keys which you would have generated.

API Keys Screenshot

Progressive Web App (PWA)

This web app is PWA-enabled; you can install it on your phone if you wish to do so. Read more about PWA at PWAFire

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

weather-forecast