This is a project I’ve done while doing the freeCodeCamp to get my FCC Front End Certificate.
See the complete challenge specifics at FCC Show the Local Weather.
Objective
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.
User Stories
- 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.
CodePen
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.
See the Pen Show the Local Weather by Lorenzo (@lorepirri) on CodePen.
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!