FreeCodeCamp Challenge: Local Weather App
This is a rather naive and unpolished implementation of the FreeCodeCamp Local Weather App challenge
See demo.
- Enter your openweathermap.org API Key
- To avoid hardcoding API keys into the application, I've opted to ask the user for their own API Key. You can create one for free from openweathermap.org
- Enter your Zip Code
- Select between Metric (e.g. Celsius) or Imperial (e.g. Fahrenheit) units
- Hit Submit
npm install
npm start
The openweathermap.org API is served over HTTP only whereas GitHub pages are served over HTTPS.
This causes Chrome to throw error message:
Mixed Content: The page at 'https://petermbenjamin.github.io/local-weather-react/' was loaded over HTTPS, but requested an insecure resource 'http://api.openweathermap.org/data/2.5/weather?...'. This request has been blocked; the content must be served over HTTPS.
To get around this in Chrome, click on the shield icon and click Load Unsafe Scripts