~1 min read

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 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!

You are not being tracked on this website, no analytics, no cookies taken. I am still looking for a good plugin for comments which respects people's privacy. This website is hosted by Gitlab Pages which as far as stated by their general GitLab's privacy policy terms they collects potentially personally-identifying information like Internet Protocol (IP) addresses as mentioned in this thread.