~1 min read 0 comments

Show the Local Weather

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.


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

  1. I can see the weather in my current location.
  2. I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
  3. 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.

See the Pen Show the Local Weather by Lorenzo (@lorepirri) on CodePen.

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!