Challenges

https://github.com/ewuweblab/api-data-listing-vite-tailwind

Challenge 1 : API Content

• Find an API data source that interest you

• Display the fields of content for:

• Use more semantic figure and figcaption elements for group images with text i.e. captions, descriptions, headers, etc.

• Find API content to dynamically load the data

  • https://colin.manikoth.com/369/projects/api-listing/api-sources

Challenge 2: Astro Template

• Use provided template

  • https://github.com/ewuweblab/api-data-listing-vite-tailwind

• Utilize our framework for

  • Retrieving data

  • Templating data

  • Programmatically display data Reminders:

• DO NOT statically “hard code” the data

Challenge 3 : Style It.

• Determine styling for your chosen content

• Customize the template as you like

• Optionally, use Font Share Fonts

  • https://www.fontshare.com/

Challenge 4 : Code

• Understand API concepts

• Use JSON data

• Reminders:

  • DO NOT statically “hard code” the data

Challenge 5 : Process

• Provide URL to your project repo stored on GitHub

  • Example: https://github.com/YourUserName/RepoName

• Provide URL to your project website deployed via Netflify

  • Example: https://YourAppName.netlify.com