Katkat

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–30 of 51 results

  • AirwallexMediumFrontend Engineer
    Name-Keyed Async Task Scheduler with Sequential Lanes, Cancel and Clear by Name

    Implement a JavaScript task scheduler for async functions where tasks sharing a name run strictly in order while tasks with different names run concurrently. Follow-ups add cancelling the running task for a name and clearing every running and queued task by name, testing promise handling, race conditions and API design.

    Software Engineering FundamentalsTechnical Screen
  • AmazonMediumFrontend Engineer
    Build Accessible Data-Loading Popovers for Multiple Buttons

    This problem tests the ability to build a robust, accessible UI component that manages asynchronous data fetching, state synchronization, and DOM-level focus management.

    Software Engineering FundamentalsOnsiteFrontendReactAccessibility
  • AmazonMediumFrontend Engineer
    Design a Debounced Product Search Box

    Design and implement an accessible, resilient product search-as-you-type component featuring debounced requests, race-condition handling via request cancellation, client-side caching, and keyboard navigation.

    Software Engineering FundamentalsOnsitefrontendjavascriptreact
  • AmazonMediumFrontend Engineer
    Implement an Accessible Autocomplete Search Component

    Design and implement an accessible, race-condition-resilient autocomplete search component in React or modern JavaScript, focusing on debounced queries, ARIA combobox semantics, and keyboard navigation.

    Software Engineering FundamentalsTechnical ScreenReactAccessibilityFrontend
  • AmazonMediumFrontend Engineer
    Predict JavaScript let and var Behavior

    Tests deep understanding of JavaScript variable declarations (var vs let), focusing on hoisting, the Temporal Dead Zone (TDZ), block vs function scoping, and per-iteration lexical bindings in asynchronous loops.

    Software Engineering FundamentalsOnsitejavascriptclosureshoisting
  • AndurilMediumFrontend Engineer
    Diagnose a Memory Leak in a JavaScript Web Application

    Tests your ability to identify common JavaScript memory leak patterns—such as detached DOM trees, uncleared event subscriptions, and unbounded closures—and verify resolution using browser heap profiling techniques.

    Software Engineering FundamentalsOnsiteJavaScriptPerformanceMemory Management
  • AppleMediumFrontend Engineer
    Build an Accessible Recursive Expand-and-Collapse Tree in React

    This problem tests recursive component design in React, state management for nested data structures, and the implementation of WAI-ARIA standards for accessible UI components.

    Software Engineering FundamentalsTechnical ScreenReactFrontendAccessibility
  • AppleMediumFrontend Engineer
    Diagnose Cold-Load and Massive-Table Performance in a Web App

    This problem tests your understanding of critical path rendering optimization for cold loads and memory management strategies for handling massive datasets in a browser environment.

    Software Engineering FundamentalsTechnical ScreenPerformanceDOMReact
  • AppleMediumFrontend Engineer
    Explain JavaScript Scope, Closures, Timers, and the Event Loop

    Tests deep understanding of the JavaScript runtime, specifically lexical scope, closures, the distinction between task and microtask queues in the event loop, and browser script loading mechanics.

    Software Engineering FundamentalsTechnical ScreenJavaScriptEvent LoopClosures
  • AtlassianHardFrontend Engineer
    Build a 2x3 React Feed Grid from Static Data, Then from an API, and Explain Your Hooks

    A front-end coding exercise: show feed items with an id, text and creation time in a two-row, three-column React grid, first from static data and then from a provided API. It tests CSS grid layout, data fetching with loading and error states, effect cleanup, and how clearly the candidate explains the React hooks they use.

    Software Engineering FundamentalsTechnical Screen
  • AtlassianMediumFrontend Engineer
    Build a Social Feed List in HTML/CSS, Then Render It from a Mock API

    A two-stage front-end coding exercise: build a Twitter-style social feed list with HTML and CSS, then render it from a mock API. It tests semantic markup, a resilient card layout, asynchronous loading with loading and error states, and safe rendering of user-generated text.

    Software Engineering FundamentalsTechnical Screen
  • CensysMediumFrontend Engineer
    Add Case-Insensitive Search to a Support Ticket Queue UI and Debug Its Behavior

    A frontend exercise on an existing support ticket queue with Unresolved and Archived tabs, a ticket list and an activity panel: make the search box filter tickets by title or assignee regardless of letter case, then debug parts of the app that misbehave. It tests reading unfamiliar code, state design and systematic debugging.

    Software Engineering FundamentalsTechnical Screen
  • CitadelEasyFrontend Engineer
    Build a Real-Time Event Feed Dashboard

    Implement a robust React hook to manage a high-frequency, real-time event feed dashboard with pause/resume controls, out-of-order de-duplication, memory bounding, and rolling time-window statistics.

    Software Engineering FundamentalsTechnical Screenreacttypescriptsliding-window
  • CohereMediumFrontend Engineer
    Build a Credit Card Form With Validation and Linked Input Fields

    A front-end UI coding question: build a credit card form with card number, name, expiry and security code, where every field is validated and the fields are linked, so the detected card network changes formatting and security-code rules. It tests state design, caret-safe input formatting, error timing, accessibility and safe handling of card data.

    Software Engineering FundamentalsOnsite
  • CoinbaseHardFrontend Engineer
    Implement a Reusable Dropdown Component

    This question evaluates skills in reusable frontend component design, including API design, state management (controlled vs uncontrolled), event handling, keyboard navigation, and accessibility (roles, focus behavior, and ARIA) for production-ready UI components.

    Software Engineering FundamentalsOnsite
  • DatabricksMediumFrontend Engineer
    Implement Resilient Autocomplete Data Fetching

    Implement resilient autocomplete fetching with a quiet period, bounded retries, newest-query precedence, and reuse of recent results. Cover empty input, out-of-order responses, cancellation during waits and requests, error classification, freshness and capacity policies, unmount safety, accessibility, shared requests, and responsive ranking.

    Software Engineering FundamentalsOnsite
  • EquinixMediumFrontend Engineer
    Plan Testing and Deployment for a React Feature

    This question assesses a candidate's ability to architect a robust, production-ready React feature by integrating state persistence, error handling, testing strategies, and safe deployment practices.

    Software Engineering FundamentalsHR ScreenReactFrontend ArchitectureTesting Strategy
  • GleanMediumFrontend Engineer
    Build a React Social Feed with Upvote/Downvote Re-Sorting and Pinned Posts

    Build a React social feed where upvotes and downvotes re-sort posts by score in descending order and pinned posts stay at the top. Tests state design and immutable updates, correct vote-toggle arithmetic, deterministic ordering, accessibility and optimistic persistence with rollback.

    Software Engineering FundamentalsOnsite
  • GleanMediumFrontend Engineer
    Implement Two-Player Connect Four on a 6x7 Board with Win and Draw Detection

    Implement two-player Connect Four on a 6x7 board: drop discs into columns, detect four in a row in every direction, handle full columns and draws, and render a playable interface. Tests clean separation of game logic from UI, efficient win checks from the last move and careful edge handling.

    Software Engineering FundamentalsOnsite
  • HarveyMediumFrontend Engineer
    Build a Virtualized React Spreadsheet with Cell Formulas

    Design and implement a virtualized React spreadsheet component supporting editable cells, formula evaluation with string concatenation, cycle detection, and targeted re-rendering.

    Software Engineering FundamentalsTechnical ScreenReactVirtualizationGraph Algorithms
  • HubSpotMediumFrontend Engineer
    JavaScript Fundamentals: Prototype Chains and How 'this' Is Bound

    A JavaScript fundamentals question that asks you to predict and explain how this is bound in method calls, detached calls, bound functions and arrow functions, trace property lookup through a prototype chain, and rewrite constructor-based inheritance with class syntax. It tests precise reasoning about core language behaviour.

    Software Engineering FundamentalsOnsite
  • Jane StreetMediumFrontend Engineer
    Build a Web Calculator That Matches a Reference App

    This question evaluates frontend engineering competencies—interactive UI implementation, state management, event-driven logic, and visual layout fidelity—within the domain of software engineering fundamentals and web frontend development.

    Software Engineering FundamentalsTechnical Screen
  • MomentMediumFrontend Engineer
    Build a Race-Free Memory Card Game in React

    Work through the state and timing logic for a React memory-card game that remains correct under rapid clicks and restarts. The exercise examines stale closures, input locking, timeout cleanup, stable card identity, accessible interaction, and tests for race-prone transitions.

    Software Engineering FundamentalsTechnical Screen
  • OktaMediumFrontend Engineer
    Review Code for Memory Risks

    This question tests your ability to identify memory-intensive patterns and performance bottlenecks in JavaScript array manipulation, specifically regarding garbage collection and object reference stability.

    Software Engineering FundamentalsTechnical ScreenJavaScriptComplexity AnalysisMemory Management
  • RampMediumFrontend Engineer
    Build a React Word-Guessing Game with Green, Yellow, and Red Letter Feedback

    A front-end exercise to build a small React word-guessing game in JavaScript or TypeScript, where each submitted guess appears as a row of letter cells colored green, yellow, or red against a target word. It tests component state design, input validation, and a clearly specified letter-scoring rule, including repeated letters.

    Software Engineering FundamentalsOnline Assessment
  • RampEasyFrontend Engineer
    Build a Wordle Guess Checker with Green, Yellow and Red Letter Feedback

    Build a small Wordle-style component that accepts a guess of up to five letters and colors each letter green, yellow or red against a fixed secret word, tested with SPEND. Tests input handling, pure scoring logic, repeated-letter rules and simple UI state under a 45-minute limit.

    Software Engineering FundamentalsOnline Assessment
  • RampMediumFrontend Engineer
    Build a Wordle-Style Game in React

    Implement a 5-letter, 5-guess Wordle-style game in React featuring correct duplicate-letter evaluation, virtual and physical keyboard support, and proper game-state transitions.

    Software Engineering FundamentalsOnline Assessmentreactfrontendstate-management
  • RobinhoodMediumFrontend Engineer
    Build a Chainable Rectangle Manipulation API

    This problem tests your ability to design a fluent interface (method chaining) that manages an internal queue of asynchronous operations to ensure tasks execute sequentially.

    Software Engineering FundamentalsTechnical ScreenJavaScriptFluent-APIAsync
  • RobloxHardFrontend Engineer
    Build a Configurable Two-Player Tic-Tac-Toe Board in React

    Tests your ability to architect a scalable, accessible React component with dynamic state, efficient win-detection logic for large grid sizes, and robust handling of prop updates.

    Software Engineering FundamentalsTechnical ScreenReactFrontendState Management
  • SnowflakeMediumFrontend Engineer
    Build an Arrow-Controlled Kanban Board in React

    Design and implement a performant React Kanban board in TypeScript with normalized state and accessible arrow controls for shifting tasks across ordered columns at scale.

    Software Engineering FundamentalsTechnical Screenreacttypescriptfrontend