Using Ractive.js and #html5 Fetch API to consume #rest API
▻https://hackernoon.com/using-ractive-js-and-html5-fetch-api-to-consume-rest-api-f03c47904202?so
credit: ▻https://burst.shopify.com/photos/developer-reviewing-javascriptRecently I was given a task to consume an open rest based API from Open Weather using Ractive.js and HTML5’s Fetch APIThe sample app here takes the city name as input and shows the corresponding weather information below it.Get the OpenWeather API keys for FREE!!!In order to get the JSON data from OpenWeather’s REST API, the first thing we need to do is get their free API key. The API can be called by simply passing in this app id as query parameter. That’s it!Setting the UI containerCreate an HTML5 element to be used as the front of the app. In our case, it’s div#container.Implement responsiveness using BootstrapJust for implementing the responsiveness, we’ve included the Bootstrap reference. The classes .row .col-md-6 (...)