practice a little every day, paws crossed ♡
Frontend Engineer Interview Questions
Practice 9403 coding, system design and machine learning questions from 546 companies, sorted by role, topic and interview round. Every question has step-by-step hints, a code runner that supports 8 languages and an AI mentor; members also get the full solution walkthrough.
- 9403
- Questions
- 546
- Companies
- 11
- Topics
- 8
- Languages
Showing 1–19 of 19 results
- AirwallexMediumFrontend EngineerDesign a Reusable React Autocomplete Input: API, Portals, Debounce and Caching
Design a reusable autocomplete search input for a React application on top of an existing search API. The discussion covers the API contract with pagination and limits, the component and portal architecture, throttling versus debouncing, client-side result caching strategies, and the public props and exports.
System DesignTechnical Screen - AtlassianHardFrontend EngineerDesign a Fast Product Search Page: Search Input over an Unbounded Catalog Grid
A front-end system design question about a product search page with a search input above a grid of results drawn from a catalog of unbounded size. It probes the component tree, where search state should live, and how the candidate keeps typing responsive and results fast when the result set can never be loaded all at once.
System DesignTechnical Screen - AtlassianMediumFrontend EngineerFront-End Design of an Emoji Picker with a Search Field
A candidate-driven front-end system design discussion about an emoji picker with a search field. It tests how a candidate scopes the component, models and loads the emoji catalog, ranks search results, keeps a grid of thousands of emoji fast, and supports keyboard and screen-reader users.
System DesignTechnical Screen - CohereMediumFrontend EngineerDesign Real-Time Comments with Optimistic Updates
Design optimistic real-time comments with temporary identities, idempotent posting, response/event reconciliation, visible failure states, and durable history.
System DesignOther - CohereMediumFrontend EngineerDesign a Real-Time Comment System Front End With Optimistic Updates
Front-end system design for a real-time comment feed, centered on optimistic updates: a new comment is appended to the list before the backend confirms it, so the user can keep typing. It tests client state modeling, reconciliation with live echoes, failure and retry handling, ordering, reconnection and rendering performance.
System DesignOnsite - CoinbaseHardFrontend EngineerDesign Frontend Architecture for Trading UI
This question evaluates competency in frontend architecture for real-time trading UIs, covering state management, rendering strategies, real-time data flow, performance, reliability, security, testing, and observability.
System DesignOnsite - DatabricksMediumFrontend EngineerDesign a Collaborative Playlist Editor
Tests your ability to architect a real-time collaborative frontend application, focusing on client-side state synchronization, deterministic list ordering, idempotent mutation protocols, and graceful network reconnection.
System DesignOnsiteFrontendReal-TimeData Modeling - GleanMediumFrontend EngineerDesign Real-Time Typeahead for Enterprise Search: History, People, Docs, Apps, Filters
Design real-time typeahead for an enterprise search product that suggests past searches, people, documents, apps and filters as the user types. Tests client request policy and stale-response handling, accessible combobox UI, permission-aware backend fan-out, blending across sources and latency budgets.
System DesignOnsite - GoogleHardFrontend EngineerDesign an Embeddable Streaming Chat Interface
Design an embeddable chat-agent widget with resumable streaming, virtualized history, safe caching, accessibility, and meaningful metrics.
System DesignOnsite - GoogleHardFrontend EngineerVisualize More Than One Hundred Million Map Points
Design a multiresolution map that turns over one hundred million points into cached heat maps and detailed pins without overwhelming the browser.
System DesignOnsite - HarveyMediumFrontend EngineerDesign a Chat Application with Durable Conversation History
Design persistent real-time chat with conversation ordering, idempotent sends, paginated history, optimistic state, delivery receipts, and reconnect catch-up.
System DesignOther - OktaMediumFrontend EngineerDesign High-Throughput Messaging Infrastructure
This problem tests your ability to design a scalable, reliable messaging system by balancing throughput, latency, and data persistence in a high-concurrency environment.
System DesignTechnical ScreenScalabilityMessagingConcurrency - RobinhoodMediumFrontend EngineerDesign a Photo Album App
This question evaluates proficiency in frontend system design, specifically client-side component and data architecture, state management and normalization, real-time synchronization, and large-media upload flows; it sits in the System Design domain with a Frontend Engineer focus and tests practical application of these competencies.
System DesignOnsite - RobloxMediumFrontend EngineerDesign a Reusable Dropdown Menu Component
Tests a candidate's ability to architect a production-grade, reusable UI component library element with consideration for flexible API design, accessibility (WAI-ARIA), state management, and large dataset performance.
System DesignOnsiteFrontend System DesignReactAccessibility - UberMediumFrontend EngineerDesign a Scalable Calendar Service
This problem tests your ability to design a distributed calendar system, focusing on data modeling for recurring events, time zone handling, and frontend state management for a high-concurrency scheduling UI.
System DesignTechnical ScreenAPIDatabaseFrontend - WaymoMediumFrontend EngineerDesign the Frontend for an AI Chat Application
This question tests the ability to design a performant and resilient frontend architecture for a real-time, state-heavy AI chat interface capable of handling large message trees and network instability.
System DesignOnsiteFrontendState ManagementWebSockets - WaymoMediumFrontend EngineerDesign the Frontend of an AI Chat Application With Streaming Replies
Frontend-focused system design for an AI chat application. It covers component structure, conversation and message state, streaming replies, stop and retry, safe rendering of model output, performance on long conversations, accessibility and the backend API contract.
System DesignOnsite - xAIMediumFrontend EngineerDesign a Collaborative Document Editor
Design collaborative editing with an explicit operation model, OT or CRDT convergence, durable history, reconnect recovery, access control, and separate presence state.
System DesignOnsite - xAIMediumFrontend EngineerDesign a Real-Time Collaborative Document Editor with Concurrent Edits
A system design question for a frontend engineer: design a collaborative document editor where several people edit the same document at once and see each other's changes in near real time. It tests conflict resolution for concurrent edits, client-side state, the sync protocol, persistence and presence.
System DesignOnsite
Airwallex
Atlassian
Cohere
Coinbase
Databricks
Glean
Google
Harvey
Okta
Robinhood
Roblox
Uber
Waymo
xAI