Skip to content

codex-academy/api-workshop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

API introduction

Setup

Create a new folder called cars-api-widget - deploy it using GitHub pages. And shared the deployed URL with gwi-mentors@projectcodex.co

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 mentors@projectcodex.co

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published