Dataford
Interview QuestionsInterview GuidesExperiencesCoaching
New
Pricing
Get started
Dataford
Popular roles
Software EngineerData AnalystData ScientistData EngineerBusiness AnalystAI EngineerMachine Learning EngineerProduct Manager
Browse
Browse All RolesEvery role hub, from analyst to MLBrowse All CompaniesCompany-specific interview loopsAll Interview GuidesThe full guide library
Top questions by role
Software EngineerData AnalystData ScientistData EngineerBusiness AnalystAI EngineerMachine Learning EngineerProduct Manager
Top questions by skill
SQLPythonStatisticsMachine LearningA/B TestingSystem DesignGenerative AIProduct SenseMetricsBehavioral
Browse all questions →Try a mock interview
Experiences
Practice
Mock InterviewsTimed interview simulations with feedbackCoaching1:1 coaching with people at your target companiesSuccess PathYour 6-week structured planModulesCurated lessons by topicWebinarsTalks from ex-Big Tech data leadsPlaygroundA free-form scratch editor
Learn
BlogInterview strategy and career adviceTech Job Market ReportHiring trends across data and AI rolesFor UniversitiesDataford for career centersAbout DatafordWho we are and how we build
Pricing
Build my plan
Fetch API Data in React
00:00
5 left

Fetch API Data in React

MediumSQL · PostgreSQL

Problem

Given an API, fetch data and render it in a table (React)

Asked in the Round 1 stage. Assume the API response is generated from the provided PostgreSQL tables. Write a SQL query that returns the records needed for the table.

Output

  1. One row per API-visible product.
  2. Return product_id, product_name, category_name, price, and updated_at.
  3. Include products without a matching category, representing the category as Uncategorized.
  4. Exclude products that are inactive or not API-visible.
  5. Order by product_name ascending, then product_id ascending.

Schema

products
ColumnTypeDescription
product_idPKINTUnique product identifier
product_nameVARCHAR(150)Product name displayed in the API table
category_idINTReferenced category identifier
priceDECIMAL(10,2)Current product price
updated_atTIMESTAMPTimestamp of the latest product update
is_activeBOOLEANWhether the product is active
api_visibleBOOLEANWhether the product may appear in the API response
categories
ColumnTypeDescription
category_idPKINTUnique category identifier
category_nameVARCHAR(100)Category display name
Tablesproductscategories
Interviewer

Your question is Fetch API Data in React. Start with the requirements and the two tables 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.

You need to log in / sign up to run or submit.
CodePostgreSQL
Sign up free to run your codeLog inLn 1
Run your query to see results here.