Front End: JavaScript HW #5

All Homework Must be Uploaded to it own GitHub repository. You will copy the URL Link for your GitHub Repository and Submit that link for each of your homework assignments

For this assignment, you’ll be creating a website to display data from a public API. Visit either of the sites below, find an API that interests you, and read the documentation for how to get data from it – then use that data for your website.

Historically, this assignment has been a Weather API, but we already did that, so please do not use an API we’ve already connected to in our code-alongs. We have also used Chicago Art Institute API and CoinLayer for a crypto site, but students didn’t really like those, so while there are a lot of examples of projects for those, we’re not going to enforce that you use any particular API.

Most folks like the Vonage list; if you want a more exhaustive list, the GitHub link has more options.

Formal instructions:

For this project, you’ll need to pull data from an API and display it on your site in an interactive way. A few tips:

  • Write a distinct JS function to pull the data using Fetch or Axios.
  • Find a way to execute that function when a user asks for that data. You’ll probably need to be able to pass some parameters into that function to find specific data ask requested by the user.
  • Log the returned data to prove that you’re getting the data successfully, THEN figure out how to get the data to show up in your website.
  • If the data isn’t coming in, check the documentation for the API; if the data is coming in but not displaying, check how you’re targeting and modifying the DOM with stuff like document.getElementById, etc.

Have fun with these! Reading the documentation helps. It’s boring, but will really help you understand what’s being required and how the API is set up. Styling is part of the grading here, but you can choose what you like – as long as the styling makes sense and is done, we’ll be happy.

Skip to content