CityWeather

Tested on Firefox 75. Chrome does not allow loading localhost urls without an internet connection (weird, ik)

Specification fulfillment overview

• 9 panels, with a text box appearing on click

• Edit button to modify city data shown on panel. Also, background picture in panel based on weather condition.

• Error displayed on wrong city name

• Responsive design

Big size	Medium size	Small size	Mobile

Bonus:

• Data is updated every 10 seconds, only for components that have been initialized (as can be seen in the console logs)

• Offline usage. Last obtained weather data shown. (Even on page refresh). The user can see previous data, but can't query for more

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.

References :

• card component
• adding bootstrap to angular
• bootstrap grid system
• Openweather map api docs
• Angular Http client and json pipe for debugging
• get input from input field
• changing background image with ngStyle
• topright of div
• Use em instead of px for a responsive-fixed-height kinda situation
• Display inline stuff
• online-offline and indexdb handling
• Add new or update current entry with put
• Get values from indexedDb table
• Repeatedly calling stuff

This project was generated with Angular CLI version 9.1.4.