Create a new folder called cars-api-widget - deploy it using GitHub pages. And shared the deployed URL with [email protected]
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> |
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]
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.