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 press the button Like or Share! If you have suggestions of improvement or you’ve found something wrong (conceptual or typo), please Comment down here, or feel free to Write me!