See the complete challenge specifics at FCC Show the Local Weather.
Build a CodePen.io app that is functionally similar to this demo.
Fulfill the user stories. Use whichever libraries or APIs you need. Give it your own personal style.
- I can see the weather in my current location.
- I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
- I can push a button to toggle between Fahrenheit and Celsius.
This is the solution I’ve submitted using Bootstrap, jQuery, and Ajax on CodePen.
Note: the app fetches the data from OpenWeatherMapProxy: a proxy that I wrote for the purpose, and it acts as passthrough to the OpenWeatherMap APIs which require a secret key.
If this article was useful to you, please share it using your favorite way for doing it! If you have suggestions of improvement or you’ve found something wrong, please let me know!