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
- 01Design a ChatGPT-style chat (frontend)AI systemsPractice
- 02Design an autocomplete search box (frontend)Search and autocompletePractice
- 03Design a calendar (frontend)CollaborationPractice
- 04Design a chat app (frontend)Messaging and notificationsPractice
- 05Design a collaborative document editor (frontend)CollaborationPractice
- 06Design a dashboard of widgets (frontend)Infrastructure and platformPractice
- 07Design a data table component (frontend)Infrastructure and platformPractice
- 08Design feature flags for a web app (frontend)Infrastructure and platformPractice
- 09Design a file browser (frontend)Storage, files and linksPractice
- 10Design a Jira board (frontend)CollaborationPractice
- 11Design live comments (frontend)Social feed and timelinePractice
- 12Design a live map of points (frontend)Maps and locationPractice
- 13Design a multi-step form (frontend)Payments and ledgersPractice
- 14Design nested comments (frontend)Social feed and timelinePractice
- 15Design a news feed (frontend)Social feed and timelinePractice
- 16Design a notification system (frontend)Messaging and notificationsPractice
- 17Design a web app that works offline (frontend)Storage, files and linksPractice
- 18Design a photo sharing app (frontend)Social feed and timelinePractice
- 19Design a prompt playground (frontend)AI systemsPractice
- 20Design a rich text editor (frontend)CollaborationPractice
- 21Design a shopping site, from the listing to the cart (frontend)Shopping, tickets and bookingPractice
- 22Design a spreadsheet (frontend)CollaborationPractice
- 23Design a to-do app (frontend)CollaborationPractice
- 24Design a trading screen (frontend)Payments and ledgersPractice
- 25Design a live trivia game (frontend)CollaborationPractice
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.