Skip to content

Frontend system design interview questions

Practice frontend and full-stack system design questions real companies ask: a news feed, an autocomplete, a chat app, a ChatGPT-style chat. Explain your design with an interviewer and a whiteboard.

We don't make up questions. These come from real interviews.

25 questionsPick one to begin

  1. 01
    Mid-level · SeniorOpenAI · Harvey
    Practice
  2. 02
    Mid-level · SeniorMeta · LinkedIn
    Practice
  3. 03
    Mid-level · SeniorUber · Gusto
    Practice
  4. 04
    Design a chat app (frontend)Messaging and notifications
    Mid-level · SeniorAirbnb · DoorDash
    Practice
  5. 05
    Senior · StaffMeta · Adobe
    Practice
  6. 06
    Design a dashboard of widgets (frontend)Infrastructure and platform
    SeniorDatadog · LinkedIn
    Practice
  7. 07
    Design a data table component (frontend)Infrastructure and platform
    Mid-level · SeniorHubSpot · Amazon
    Practice
  8. 08
    Senior · StaffDisney · Atlassian
    Practice
  9. 09
    Design a file browser (frontend)Storage, files and links
    Mid-level · SeniorLyft · Adobe
    Practice
  10. 10
    Mid-level · SeniorAtlassian · Oracle
    Practice
  11. 11
    Design live comments (frontend)Social feed and timeline
    Mid-level · SeniorMeta
    Practice
  12. 12
    Senior · StaffLinkedIn · Meta
    Practice
  13. 13
    Mid-level · SeniorStripe
    Practice
  14. 14
    Design nested comments (frontend)Social feed and timeline
    Mid-level · SeniorServiceNow
    Practice
  15. 15
    Design a news feed (frontend)Social feed and timeline
    Mid-level · SeniorMeta · Reddit
    Practice
  16. 16
    Design a notification system (frontend)Messaging and notifications
    Senior · StaffRoblox · Amazon
    Practice
  17. 17
    Senior · StaffHarvey
    Practice
  18. 18
    Mid-level · SeniorRoblox · Rippling
    Practice
  19. 19
    SeniorOpenAI · Anthropic
    Practice
  20. 20
    Senior · StaffSigma Computing
    Practice
  21. 21
    Mid-level · SenioreBay · Disney
    Practice
  22. 22
    SeniorDiscord · Clay
    Practice
  23. 23
    Mid-level · SeniorMicrosoft
    Practice
  24. 24
    Senior · StaffCoinbase
    Practice
  25. 25
    Mid-level · SeniorReddit · OpenAI
    Practice
01

Pick a question

Read the brief and choose what you want to work on.

02

Talk it through

Explain your thinking. Respond to follow-ups. Draw when a design needs it.

03

Find your next improvement

Use the feedback from your interview to decide what to practice next.