Frontend Engineering

⏱ 3 min read “Build a mention input” is a classic frontend machine-coding problem. You type @ and a dropdown of people appears; pick […] Read article

⏱ 3 min read “Design Google Docs” is the canonical frontend system-design interview at senior+ levels. It tests whether you can think about distributed Read article

⏱ 3 min read “Build a resizable panels layout” is the layout cousin of the Build-a-modal question. VS Code, Linear, and Slack all use Read article

⏱ 2 min read Confirmation dialogs (“Are you sure you want to delete?”) protect users from mistakes. Done well, they prevent disasters. Done poorly, Read article

⏱ 5 min read TL;DR — Build a command palette by rendering a modal that opens on a global Cmd+K (Ctrl+K on Windows) keydown listener, Read article

⏱ 2 min read Product tours (Userflow, Pendo Guides, Intercom Tours, custom) walk new users through the UI to highlight key features. Done well, Read article

⏱ 4 min read Power users expect keyboard shortcuts. Linear has hundreds; Notion many; Gmail famously does. The interview tests whether you understand the Read article

⏱ 4 min read Top-of-page banners (cookie consent, system maintenance, “what’s new”) are simple-looking but reveal interesting design questions: when to show, when to Read article

⏱ 5 min read Slash commands (type “/” to open a menu of options) are a UX pattern popularized by Notion and now standard Read article

⏱ 5 min read Filter bars appear on every catalog, dashboard, and search interface. Linear, Notion, GitHub, and every B2B SaaS has them. The Read article

⏱ 4 min read Pagination is one of the most-built UI components. The interview tests whether you understand the modes (page numbers vs cursor Read article

⏱ 5 min read Multi-select inputs (with selected items rendered as removable tags) appear everywhere — Gmail, Slack, Notion, every signup form with multi-tag Read article

⏱ 4 min read Markdown editors are everywhere — GitHub issues, Notion, Linear, Reddit. The interview tests whether you understand parsing, security (XSS via Read article

⏱ 3 min read Color pickers appear in design tools (Figma, Sketch), CMS apps, and customization UIs. The interview tests whether you understand color Read article

⏱ 4 min read File-tree navigation appears in IDEs (VS Code), file managers, document apps (Google Drive), and CMSes. The interview tests whether you Read article