Recommended preparation
Premium
Endless Short-Video Feed (TikTok-Style)
Try the prompt first
Senior20 min first pass
Design an endless short-video feed with fast first playback, one active player, intent-aware preloading, bounded media memory, and network-aware recovery.
Constraints
- Keep client, server, and rendering ownership explicit.
- Cover loading, failure, recovery, and accessible interaction states.
Challenge summary
Design an endless short-video feed that starts playback quickly, follows settled viewport intent, and controls bandwidth and media memory over long sessions.
What you'll practice
- Define ownership for viewport intent, one active player, and per-item media sessions.
- Choose MP4 renditions honestly without claiming mid-stream adaptive bitrate behavior.
- Recover from rapid swipes, autoplay rejection, network stalls, and memory pressure.
- Set playback and interaction budgets as measured hypotheses by device and network class.
What Premium unlocks
Premium unlocks the player handoff, rendition-selection example, preload trade-offs, and playback recovery analysis.
Free related practice
Upgrade to FrontendAtlas Premium to access this system design scenario. Already upgraded? Sign in to continue.