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 61–90 of 93 results
- SnowflakeMediumFrontend EngineerExplain React classes, lifecycle, and hooks
This question assesses the evolution of React component patterns, specifically focusing on the transition from class-based lifecycles to functional hooks, and the management of stateful side effects.
Software Engineering FundamentalsTechnical ScreenReactFrontendJavaScript - SnowflakeMediumFrontend EngineerImplement an event emitter
This problem tests your understanding of the observer pattern, internal state management using maps, and the ability to handle edge cases in listener lifecycle management.
Coding & AlgorithmsTechnical ScreenJavaScriptDesign PatternsEvent-Driven - StripeMediumFrontend EngineerBuild and Optimize a React Interface Against an Undocumented API
Tests your ability to inspect an opaque or changing backend endpoint, build a resilient React component with typed normalization and client-side caching, and handle edge cases gracefully.
Software Engineering FundamentalsOnsitereacttypescriptcaching - TomaEasyFrontend EngineerApproximate Pi from Random Points
This question evaluates a candidate's understanding of Monte Carlo estimation, basic Euclidean geometry, probability, and numerical reasoning when using random sampling to approximate mathematical constants.
Coding & AlgorithmsTechnical Screen - TomaEasyFrontend EngineerIdentify the CSS color function
This question evaluates a candidate's understanding of CSS color functions, specifically knowledge of channel-based color specification and the use of an optional opacity component.
Software Engineering FundamentalsTechnical Screen - TomaEasyFrontend EngineerWhich CSS function supports opacity?
This question tests your knowledge of modern CSS color syntax and the various ways to define transparency within style rules.
Software Engineering FundamentalsTechnical ScreenCSSFrontendStyling - TradedeskMediumFrontend EngineerDebug a Frontend Component That Shows Wrong API Results
A front-end debugging question in which a React component that fetches data sometimes shows results that do not match the current input, even though each API response is correct. It tests how the candidate reproduces a timing-dependent bug, finds the root cause, fixes it in the effect, handles cancellation errors, and verifies the fix with a deterministic test.
Software Engineering FundamentalsOnsite - TradedeskMediumFrontend EngineerImplement a Publish-Subscribe Event Bus in JavaScript or TypeScript
A front-end coding question asking the candidate to implement an in-process publish-subscribe utility in JavaScript or TypeScript with subscribe, publish, and unsubscribe. It tests API design, choice of data structures, safe iteration when subscribers change during a publish, isolation of subscriber errors, and cleanup that avoids memory leaks.
Software Engineering FundamentalsOnsite - TradedeskMediumFrontend EngineerObject-Oriented Design of an Elevator Control System
An object-oriented design question asking the candidate to model an elevator control system: its classes, their responsibilities, and how a button press becomes an elevator stop. It tests requirement scoping, a clear per-car state model, stop ordering and dispatch policies that can be swapped out, handling of out-of-service cars and duplicate requests, and testability.
Software Engineering FundamentalsOnsite - 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 - UberMediumFrontend EngineerSimulate a Rank-Based Tournament
This question tests the ability to implement a single-elimination tournament simulation using queue-based structures and demonstrates competency in designing a relational database schema for tournament record-keeping.
Coding & AlgorithmsTechnical ScreenArrayQueueSimulation - UiPathEasyFrontend EngineerBuild an Event-Driven Folder Browser
This problem tests your ability to model hierarchical data structures and design an efficient state management strategy for an interactive UI component.
Software Engineering FundamentalsOnsiteData StructuresFrontend ArchitectureState Management - VerkadaMediumFrontend EngineerBuild a React dashboard with filters
This problem tests your ability to build a modular React dashboard that handles state synchronization, efficient list filtering, and semantic UI structure.
Software Engineering FundamentalsOnsiteReactFrontendState Management - VerkadaMediumFrontend EngineerImplement a Camera List UI from a Defined Visual Contract
Implement a responsive React camera-card list with fixed preview ratios, status and missing-image states, semantic selection, and a clear visual-verification method.
Software Engineering FundamentalsTechnical Screen - VerkadaMediumFrontend EngineerImplement a recency cache and min-coins DP
This problem tests your ability to combine a Least Recently Used (LRU) cache mechanism with a dynamic programming approach for optimization.
Coding & AlgorithmsOnsiteHash MapDoubly Linked ListDynamic Programming - WaymoMediumFrontend EngineerBuild a Debounced Autocomplete Search Bar
This problem evaluates your ability to implement a robust, performant search component that handles asynchronous race conditions and user accessibility requirements.
Software Engineering FundamentalsOnsiteJavaScriptFrontendDOM - WaymoMediumFrontend EngineerBuild a React naval board
This question evaluates a candidate's ability to design frontend state and UI logic—specifically React component structure, state management, click-handling semantics, and derived sunk-detection logic for a Battleship-style board.
Software Engineering FundamentalsTechnical Screen - WaymoMediumFrontend EngineerBuild an Autocomplete Search Bar With a Hand-Written Debounce
Build an autocomplete search bar that fetches suggestions as the user types, with a hand-written debounce. Tests timer handling across renders, out-of-order responses and request cancellation, keyboard navigation, accessibility, cleanup and testing with fake timers.
Software Engineering FundamentalsOnsite - WaymoMediumFrontend EngineerDebug an Angular UI from User Reports
This problem tests your ability to debug an Angular component, specifically focusing on Change Detection strategies, memory leaks in RxJS subscriptions, and asynchronous state management.
Software Engineering FundamentalsOnsiteAngularRxJSMemory Management - 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 - WaymoMediumFrontend EngineerFilter Matching Subtrees from an N-Ary Tree
This problem tests tree traversal techniques, string matching, and the ability to handle iterative tree processing to avoid stack overflow in deep structures.
Coding & AlgorithmsOnsiteTreesN-ary TreeAlgorithms - WaymoMediumFrontend EngineerFilter an N-ary Tree by Substring and Render It With Indentation in a UI
Filter an n-ary tree by removing every node whose value contains a substring, along with its subtree, then build a UI that renders the filtered tree with depth-based indentation as the user types. Tests recursion, immutability, state design and rendering.
Software Engineering FundamentalsOnsite - WaymoMediumFrontend EngineerRun Promise Tasks with Bounded Concurrency
Implement an asynchronous task runner in TypeScript that limits concurrent execution, handles synchronous throws and rejections gracefully, and returns settled results in the original task order.
Software Engineering FundamentalsOnsiteTypeScriptConcurrencyPromises - ZooxHardFrontend EngineerBuild a Stateful Calculator
This question tests the ability to manage complex state transitions in a UI component, specifically handling input sequences, operator precedence, and state consistency in a stateful calculator.
Software Engineering FundamentalsOnsiteFrontendState ManagementFSM - xAIMediumFrontend EngineerBuild a React Typeahead with Async Suggestions and Keyboard Navigation
A frontend coding question: build a React typeahead, a search input whose dropdown shows suggestions fetched asynchronously as the user types. The dropdown must support arrow keys, Enter, Escape and mouse selection, so it tests hooks, handling of out-of-order responses, accessibility and UI state.
Software Engineering FundamentalsOnsite - 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 - xAIMediumFrontend EngineerImplement an Asynchronous React Typeahead
Implement a debounced React typeahead with stale-response protection, cancellation, loading/error states, keyboard selection, and accessible combobox semantics.
Software Engineering FundamentalsOnsite - xAIMediumFrontend EngineerLoad and Display a React List with useEffect
Load a React list with useEffect while handling endpoint changes, cleanup, stale responses, HTTP and schema errors, stable keys, and user-visible states.
Software Engineering FundamentalsOnsite
Snowflake
Stripe
Tradedesk
Uber
UiPath
Verkada
Waymo
Zoox
xAI