API introduction

Setup

Create a new folder called cars-api-widget - deploy it using GitHub pages. And shared the deployed URL with [email protected]

Todo

Using the data available via the API at: https://github.com/avermeulen/api-tutor

Library to use	URL to use for script tag
clientside HandlebarJS templates	<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js" ></script>
axios to call the APIs to get the data	<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.26.1/axios.min.js" ></script>

Show some data

Create a page that displays three lists:

• all the available cars
• all the available colors
• all the available brands

Use the data from the API calls from api-tutor

Create a new project called cars-api-widget - deploy it using GitHub pages. And shared the deployed URL with [email protected]

A car filter widget

Once done with the above create a widget where the user can select a brand and/or a color from dropdowns and press a button to display a list of cars for the selected color & or brand.