Architecture Studio
Frontend System Design
Practice real-world frontend architecture through structured briefs and clear trade-offs.
0 / 35 solved
Client to CDN to Edge to Backend for Frontend, connected to services, cache, and data store.
Pinned resources
Prep calendar
SMTWTFS
Practiced Today
Sign in to see your practice activity.
Sign in to track progress- Design a News Feed UINot completedmedium45–60 min suggested interview timeCompany information requires Pro
- Design a Component Library / Design SystemNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design Travel Booking Platform (Expedia/Booking.com)Not completedhard60–75 min suggested interview timeCompany information requires Pro
- Design Perplexity (RAG Search with Citations)Not completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a Self-healing React ComponentNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design Cursor (AI Code Editor with Agent Edits)Not completedhard60–75 min suggested interview timeCompany information requires Pro
- One App Before MicrofrontendsNot completedmedium45–60 min suggested interview timeCompany information requires Pro
- Component APIs That Age WellNot completedmedium45–60 min suggested interview timeCompany information requires Pro
- Decide Rendering Per RouteNot completedmedium45–60 min suggested interview time+2
- Design AI Agent Traces & Artifacts UINot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design an Embedded Payment SDK (Stripe Elements)Not completedhard60–75 min suggested interview timeCompany information requires Pro
- Design an AI Customer Support AgentNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a File Upload UINot completedeasy30–45 min suggested interview timeCompany information requires Pro
- Design an E-commerce Cart + Product PageNot completedmedium45–60 min suggested interview timeCompany information requires Pro
- Design a Calendar / SchedulerNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a Rich Text EditorNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design an Email Client UINot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a File Explorer / Google Drive UINot completedhard60–75 min suggested interview timeCompany information requires Pro
- Optimistic UpdatesNot completedmedium45–60 min suggested interview time+1
- Design an Autocomplete / Search UINot completedmedium45–60 min suggested interview timeCompany information requires Pro
- Design a Video Player (YouTube / Netflix)Not completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a Data Table (Sort / Filter / Virtualize)Not completedmedium45–60 min suggested interview timeCompany information requires Pro
- Design an Image Carousel / Photo GalleryNot completedeasy30–45 min suggested interview timeCompany information requires Pro
- Design an Analytics DashboardNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a Drawing Tool like FigmaNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a Spreadsheet UI like Google SheetsNot completedhard60–75 min suggested interview timeCompany information requires Pro
- VirtualizationNot completedmedium45–60 min suggested interview time+3
- Design a Real-time Chat UINot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a Collaborative Editor (Google Docs)Not completedhard60–75 min suggested interview timeCompany information requires Pro
- Design ChatGPT (Streaming Chat with Branching & Share-link)Not completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a Notification CenterNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Design a Kanban Project BoardNot completedhard60–75 min suggested interview timeCompany information requires Pro
- Keep Browser Tabs in SyncNot completedmedium45–60 min suggested interview timeCompany information requires Pro
- Stream Over HTTP FirstNot completedmedium45–60 min suggested interview time+2
- Design Live Vehicle Tracking for 1,000 Moving VehiclesNot completedhard60–75 min suggested interview timeCompany information requires Pro
Suggested interview times are estimates. Completion is marked from the brief reader.
System Design Core Concepts
Architectural blueprints for senior & staff loops.
Mentor-tone lessons — scene, naive move, where it breaks, fix — so you can teach the pattern before the product question.