Weather API access solution

[akg314]

If you're having trouble setting up a proxy server because the firebase API doesn't work, here's another solution (you need chrome to make this work).

1. Register on https://darksky.net/dev and get an API key
2. Download the https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en extension to allow CORS requests (only turn it on for your project server - turn it off for other sites or it might cause problems loading content!)
3. Edit the app.getForecast function in your app.js file as follows, inserting your API key from step 2:

app.getForecast = function(key, label) {
    var cityToLatLon = {
      'austin': '30.3079823,-97.8938293',
      'boston': '42.313479,-71.1273685',
      'chicago': '41.8339032,-87.8725822',
      'bangalore': '12.9539598,77.4905096',
      'buenosaires': '-34.6158036,-58.5035321',
      'capetown': '-33.9137107,18.0942365',
      'london': '51.5285578,-0.2420244',
      'mcmurdo': '-77.8401137,166.6441437',
      'newyork': '40.7128,-74.0059',
      'portland': '45.5425909,-122.7948484',
      'sanfrancisco': '37.7578149,-122.5078116',
      'seattle': '47.6149938,-122.4763319',
      'sydney': '-33.7966053,150.6415579',
      'tokyo': '35.6732615,139.5699601'
    };
    var cityCoords = cityToLatLon[key];
    var url = 'https://api.forecast.io/forecast/INSERT_YOUR_API_KEY_HERE/' + cityCoords;
    // Make the XHR to get the data, then update the card
    var request = new XMLHttpRequest();
    request.onreadystatechange = function() {
      if (request.readyState === XMLHttpRequest.DONE) {
        if (request.status === 200) {
          var response = JSON.parse(request.response);
          response.key = key;
          response.label = label;
          app.updateForecastCard(response);
        }
      }
    };
    request.open('GET', url);
    request.send();
  };