Angular Weather App

A small weather application built with Angular 11 and the Open Weather Map API.

Run the Application

• Run npm install to install project dependencies.
• Run ng serve -o and after successful compilation it will open the application on http://localhost:4200/ in the browser.

Example

The City Field allow users to select a city from the drop-down and subsequently fetches weekly weather data on the basis of city name.

The Current Location asks for user consent to access user location and then proceeds to fetch weekly weather data based on gathered user coordinates.

Dependencies

1. Angular 11
2. Angular Material UI
3. Browser Geolocation API
4. Open Weather Map API

Note

Currently, there are only 10 cities in the city drop-down to choose from. However, a complete list can be found here.