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.
Frontend Generic
Cisco-style discussion guide covering React internals, performance, state, design systems, testing, accessibility, security, streaming, reliability, and scale.
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.
SVG vs Canvas 2D vs WebGL
---
Chat App
Key points to highlight when designing a real-time chat app frontend for a staff-level interview
AI Spreadsheet Agent Using Claude API
Staff-level frontend system design interview guide for a spreadsheet agent powered by Claude API with validation, safety, and execution controls.
Google Calendar
Staff engineer level frontend system design for a Google Calendar-like application, covering requirements, architecture, API design, client data model, conflict resolution, performance, accessibility, offline support, and observability.
Figma Design
Staff-level system design guide for a cloud file sync and sharing product
Google Docs Design
A frontend system design guide for google docs
Large-Scale Node-Link Visualization — Frontend System Design
Staff-level frontend architecture for rendering and synchronizing a 100K-node graph.
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
Rich text Editor
A frontend system design guide for building rich-text-editor
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
Short Polling vs Long Polling vs SSE vs WebSockets
A system design comparison of common real-time communication techniques
Masonry Layout
Staff engineer interview-style design for a Pinterest-like masonry layout with JavaScript layout calculation, pagination, render performance, and correct image sizing.
React Performance
Staff-level guide to choosing between React.memo, useMemo, useCallback, useDeferredValue, startTransition, useSyncExternalStore, Web Workers, and requestAnimationFrame based on the actual bottleneck.
Responsive Date Picker
Staff-level interview guide for designing an accessible, responsive, performant, and internationalized calendar date-picker.
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.