CodingNic

Build the Real Home Experience

Finish Home Search, Filtering, and States

Build the Real Home Experience 18 min read

Finish Home Search, Filtering, and States

Finish Home Search, Filtering, and States

Task

Connect Home’s remaining controls and asynchronous states to real data.

Search should operate on the Home collection the UI is designed to expose. Filters should reuse the same semantics as the Library where applicable.

Handle:

text
loading → loaded → empty → error

Keep Home’s curated layout rather than duplicating the entire Library interface.

For an error, provide a retry action that reloads the Home data.

Test

Verify:

  • search
  • any available Home filter
  • Continue Reading with no progress
  • Home for a new account
  • a data-loading state
  • an API/query error
  • retry after the error

Checkpoint

Home is now a real authenticated dashboard rather than a mock showcase.

Module Complete

At this point Readly’s major product surfaces are backed by real data: Home, My Library, Reader, Highlights, and Notes. Module 11 will finish responsive behavior and production-minded safeguards.