Hello fellow code campers!
I’ve just finished my LocalWeatherApp.
The app is getting the data from openweathermap.org API and shows the user the following:
- city and country flag
- current weather
- wind direction
- weather description
- weather icon
- current date & time (based on user’s system)
Based on openweathermap’s data I’m changing the icon and the background picture.
Considering the mobile users, if their screen is less than 500px there’s no background image and there’s no extra bandwidth load. Also, at this point, the main div takes over the whole document’s width and height.
The user can click on a button to get the temperature in Celsius or Fahrenheit degrees.
Finally, to spice things up a little, when the user clicks on the title, there’s a flip animation and some credits appear on the “back”.
Icons: Weather Icons by Erik Flowers