- This is what your screen should look like when you open the html file inside the sorce folder:
- Go to the source folder and edit the WeatherWebApp.js.
You need to register your own OpenWeatherMap API Key and put it into:
let key = "<put your own OpenWehaterMap API key here>";- If everything is done correctly, this is what you should expect:
Web View
Mobile View: scroll down (home page)
Mobile View: scroll up
Tablet View
Features:
-
Dynamic views for web, tablet, and mobile devices
-
Animated doppler radar
-
Slide-up/down for mobile devices
For a detailed explaination on how to OpenWeatherMap API works, check out the official doc here.