Tested on Firefox 75. Chrome does not allow loading
localhost
urls without an internet connection (weird, ik)
- 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 |
---|---|---|---|
- 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
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.
- 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.