core
17 items
AI Chat Application
Staff-level frontend system design guide covering requirements, entities, APIs, streaming, state management, rendering performance, reliability, accessibility, and frontend scale.
Autocomplete System Design
Staff-level frontend system design guide for building a reusable autocomplete component.
Camera Motion
Staff-level React design for a dynamic camera grid whose slots rotate among cameras based on motion signals.
Client Cache Design
Staff Engineer interview guide for a browser-side client cache: fetch/cache policies, query keys, TTL/SWR, mutation and invalidation strategy, race conditions, request dedupe, memory bounds, and HTTP cache integration.
DataGrid / List / Card System
Staff-level frontend system design guide for a shared, headless DataGrid / List / Card platform used by many product teams.
00,000-Object Editor & Virtualized Tree
Interview reference for designing a data-heavy frontend with 100,000 objects, canvas/WebGL rendering, virtualization, accessibility, collaboration, and reliability.
Chat App
Key points to highlight when designing a real-time chat app frontend for a staff-level interview
Google Calendar
Google calendar component architecture and request flow
Figma Design
Staff-level system design guide for a cloud file sync and sharing product
Design Generative Fill + AI Agent
Staff-level frontend/system-design interview notes: Generative Fill, agentic editing, LLM/tool boundaries, undo/redo, document state, and production SSE.
Google Docs Design
A frontend system design guide for google docs
Facebook-Style News Feed
A frontend system design guide for building a personalized, long-lived, interaction-heavy news feed.
Photo Sharing (Instagram-like)
Staff-level frontend system design checklist for an Instagram-style photo-sharing app interview
Checklist and framework for tackling a staff-level Pinterest-style frontend system design interview
Poll Widget
Staff-level frontend system design guide for building and discussing a poll widget in interviews
Travel Booking
Staff-level frontend system design checklist for Airbnb-style travel booking interviews
Netflix Video Player System Design
Staff-level frontend system design guide for a Netflix-style video streaming experience
Notifications System Design
Staff-level frontend system design guide for a real-time notification system: requirements, architecture, data model, multi-device consistency, and reconnect/failure handling.
Payment / Webhook Monitor
Staff-level frontend system design guide for a Stripe-like live payment, webhook, and alert monitoring dashboard: transport, ingestion pipeline, backpressure, virtualization, and reconnect strategy.
Performance Debugging
Staff-level frontend system design guide for diagnosing and fixing poor LCP, INP, and memory usage on a -style web app.
Responsive Date Picker
Staff-level interview guide for designing an accessible, responsive, performant, and internationalized calendar date-picker.
Rich Text Editor
Staff-level frontend system design guide for building a rich-text editor (Notion/Google-Docs-style): document model, selection, input handling, formatting, undo/redo, collaboration, and performance.
Sprint Dashboard
Staff-level frontend system design guide for a scalable sprint dashboard with strong performance and reliability.
Theme Architecture
A staff-level frontend system design interview guide for building scalable light/dark mode architecture with persisted user preferences, design tokens, accessibility, and trade-off analysis.
Tooltip System Design
Staff-level frontend system design guide for a reusable tooltip system: CSS-only vs React/portal implementations, positioning/collision logic, accessibility, mobile design, and performance.