API Data Fetching and Rendering | Dataford Interview Questions

Fetch data from a public API endpoint, handle loading and error states, and render the results in a clean, responsive grid layout.

Implement render_api_grid(response, min_card_width) to represent the endpoint result in a testable form. The response contains status, plus items for success or message for errors; return an object containing the UI state and generated HTML.

Constraints

response.status is one of loading, error, or success.
A successful response contains 0 to 1,000 items.
Each item contains id, title, and image_url.
min_card_width is an integer from 160 through 320.
All text fields may contain HTML-sensitive characters.

Function Signature

def render_api_grid(response, min_card_width):

Your question is API Data Fetching and Rendering. Start with the requirements in the Question tab.

Run and submit as often as you like. When you're ready, talk me through your approach or go straight to the code.

Problem

Fetch data from a public API endpoint, handle loading and error states, and render the results in a clean, responsive grid layout.

Constraints

response.status is one of loading, error, or success.
A successful response contains 0 to 1,000 items.
Each item contains id, title, and image_url.
min_card_width is an integer from 160 through 320.
All text fields may contain HTML-sensitive characters.

Function Signature

def render_api_grid(response, min_card_width):

Your question is API Data Fetching and Rendering. Start with the requirements in the Question tab.

Run and submit as often as you like. When you're ready, talk me through your approach or go straight to the code.