Recommended preparation
Premium

AI Image Generation MVP (Two-Week Design)

By FrontendAtlas Editorial · Updated Aug 6, 2026

Try the prompt first

Mid-level15 min first pass

Design an AI image generation frontend with prompt state, accepted async jobs, indeterminate progress, idempotent retry and cancel, safe media, and recovery.

Constraints

  • Keep client, server, and rendering ownership explicit.
  • Cover loading, failure, recovery, and accessible interaction states.

Challenge summary

Design a focused image-generation flow that represents long-running jobs honestly and survives uncertain create, retry, and cancel outcomes.

What you'll practice

  • Model queued, running, cancelling, cancelled, done, and failed job states.
  • Create idempotency records before a server job ID exists.
  • Monitor 202 Accepted resources with polling or resumable lifecycle events.
  • Reconcile versioned terminal states without inventing progress or precedence.
  • Present generated media safely with accessible status and recovery.

What Premium unlocks

Premium unlocks the versioned job model, lost-response and cancel-race example, HTTP contracts, failure recovery, and rollout plan.

Free related practice

Upgrade to FrontendAtlas Premium to access this system design scenario. Already upgraded? Sign in to continue.