https://github.com/alessiochen/angular-weatherapp

Weather App build with Angular
https://github.com/alessiochen/angular-weatherapp

angular angularmaterial leaflet start2impact typescript weather weather-app

Last synced: about 1 year ago
JSON representation

Weather App build with Angular

• Host: GitHub
• URL: https://github.com/alessiochen/angular-weatherapp
• Owner: AlessioChen
• Created: 2021-07-20T07:44:34.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2022-03-10T21:44:32.000Z (about 4 years ago)
• Last Synced: 2025-01-05T10:31:46.473Z (over 1 year ago)
• Topics: angular, angularmaterial, leaflet, start2impact, typescript, weather, weather-app
• Language: TypeScript
• Homepage: https://map-application-b44cd.web.app
• Size: 159 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Angular Weather App

### About the project

Project made for Full Stack developer course, it uses [weatherapi](https://www.weatherapi.com) as API and [leatlet](https://leafletjs.com) to display a map. 

It is built with typescript using Angular and can be found in a demo on [firebase](https://map-application-b44cd.web.app).

### Features

- A map with markers on some Italian cities. 

- Clicking one mark shows the city's weather information. 

- Possibility to filter cities by text and centre the map by clicking on one of them. 

### Getting started

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.

### Acknowledgements

- [Angular](https://angular.io)

- [Angular Material](https://material.angular.io)

- [Leaflet](https://leafletjs.com)

- [WeatherAPI](https://www.weatherapi.com/)