Single page API app

Go to page 2 and find an API of your liking. Then begin coding a complete web-app to suit your needs.

Below this text, you can see an example of how to pull API data into your app. The page basically uses three techonologies to make this happen:

  1. jQuery - to make asynchronous API calls and manipulate DOM elements.
  2. Handlebars.js - to make HTML templates and insert well-formatted JSON.
  3. Materialize.css - to make the page look great.

Example card from the Bored api

Page 2

Click the button to get suggestions for public API's with no authentication.

Follow the link to see the API documentation. Remark: every API has one or more "endpoints" - this is basically a root url to access the API. Then most API's have additional "query values", which is used to specify further parameters.

For example:

  • Root url: "https://www.boredapi.com/api/activity"
  • Querystring: "?participants=4"
By connecting these two strings in an AJAX call, you will receive a JSON formatted acitivity for 4 people