A simple Weather Forecast app built using Angular, Tailwind CSS, OpenWeather API & HERE Geocoding API.
Wayne Gakuo
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
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.
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
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.
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
.
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.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.