Rippling frontend engineer interviews emphasise JavaScript, DOM manipulation, CSS, accessibility, browser APIs, and UI component architecture.
1. [AI Enabled Coding] Card Game
Category: String coding problem
Question You are building a simplified card game where each player has a hand of cards and the higher-rated hand wins. Each hand contains exactly...
Input: StringOutput: Computed result
2. [AI Enabled Coding] Design Logger
Category: Array coding problem
Question You need to design a logger library for a new application. The design should be able to allow us to easily add future loggers, like a db...
Input: ArrayOutput: Printed output
3. [AI Enabled Coding] Food Delivery Company
Category: String coding problem
Question You are building a driver payment system for a food delivery company. The accounting team needs to track how much money is owed to drivers...
Input: StringOutput: Integer
4. [AI Enabled Coding] Rule Evaluator
Category: String coding problem
Question You need to build a rule evaluation system for a corporate credit card platform. Managers should be able to create rules that enforce...
Input: ListOutput: Computed result
1. [OA] Debounced Function — Implement a debounced search function for Rippling's employee directory
Problem statement: Implement a function
debounce that takes a function func and a delay in milliseconds wait. It should return a new function that, when invoked repeatedly, will only invoke func after wait milliseconds have passed since the last time the returned function was invoked.Example 1:
Input:
const search = debounce((term) => console.log(term), 300); search('John'); search('John Doe'); Output:
// waits until 300 ms after the last call and then prints 'John Doe'Example 2:
Input:
const log = debounce(() => console.log('Hello'), 1000); log(); log(); log(); Output:
// waits 1000 ms to log 'Hello' once onlyConstraints:
waitwill be a positive integer and 0 < wait <= 1000.
2. [OA] Closure — Create a dynamic form state management for Rippling's onboarding process
Problem statement: Implement a function
createFormManager that returns an object with methods to handle the state of form fields. The object should have the following methods:setField(name: string, value: any): void- Set the value of a field.getField(name: string): any- Get the value of a field.getAllFields(): { [key: string]: any }- Get the values of all fields.
Input:
const form = createFormManager(); form.setField('email', 'test@mail.com'); Output:
form.getField('email'); Explanation: Returns 'test@mail.com'.
Example 2:
Input:
form.setField('age', 30); Output:
form.getAllFields(); Explanation: Returns
{ email: 'test@mail.com', age: 30 }Constraints:
1 <= name.length <= 100valuecan be of any type, but must be a simple value (string, number, etc.).
Related Rippling Frontend Engineer interview prep
Start practicing Rippling questions
Sign up for free to access walkthroughs, AI-generated questions, and more.
Get Started Free