TASTEKidAPILAB.md

3rd Party API/AJAX - (1:30m)

Introduction

You will work in groups of 2 for this exercise.

You should have an account @TasteKid, and an API KEY. Otherwise do this first.

We will now build a TasteKid client. We will integrate TasteKid's API with our own search engine recommendation. Take this opportunitty to implement creative styling with the CSS framework of your choice.

You also have full freedom to implement more APIs if you are up to the challenge and see a connection between the data you are getting from TasteKid and other 3rd party APIs.

Notes:

READ the TasteKid API docs. Make sure you understand what the API expects to receive from you and how you can get what you need from it.

TasteKid's API is JSONP compatible.

Exercise

Requirements

• Build a form where you can input a search term.
• Add at least a navigational link in the <header> section that will take you to the API's documentation.
• When the form is submitted. You will use the search term and send a request to the TasteKid API to get recommendations.
• Render all the recommendations on the page.
  • Each result type (Movie, Music, etc) has to be styled differently.
• If a new search is performed, the old recommendations have to be removed.

BONUS:

• Add a select or radio input to the form so the user can choose the type of recommendation he is looking for.
  • there should be an option for all that would default to search for all types.
• the recommendations from the API should only be of the selected kind.

Starter Code

No starter code. You only need 3 files: index.html, scripts.js and styles.js

Deliverable

Slack me the 3 files. Zipped or individually.

Additional Resources

• TasteKid API
• jQuery AJAX Docs
• Some useful jQuery DOM Manipulation Docs