Build a sortable, searchable movie list UI

Q: Build a sortable, searchable movie list UI

This question evaluates frontend engineering competencies such as UI component architecture, state management, asynchronous data fetching, client-side search/filtering and sorting, and performance considerations for large lists.

Q: How do I approach Software Engineering Fundamentals interview questions?

Software Engineering Fundamentals questions require understanding of core concepts and practice. PracHub provides solutions with explanations to help you master software engineering fundamentals interviews.

Question

Loading...

Frontend coding: Movie list with sort and search

Build a small UI that displays a list of movies loaded from a JSON endpoint.

Data source

Load movie data from a provided db.json URL (assume it returns an array of movie objects).
Each movie includes at least:
- name (movie title)
- year (release year)

Requirements

Display the movie name and year in a list/table.
Provide search (filter by name; define whether it’s substring and case-insensitive).
Provide sorting (at minimum by name and/or year; define ascending/descending).
Keep the UI responsive for a reasonably large list (e.g., thousands of items).

Deliverables

Component structure and state handling
Data loading + error/loading states
Sorting/search behavior clearly defined
Basic UX considerations (e.g., empty results state)

Build a sortable, searchable movie list UI

Quick Overview

Frontend coding: Movie list with sort and search

Data source

Requirements

Deliverables

Solution

Comments (0)