Rippling | SDE1 Online Assessment — Frontend

Overview

The Rippling SDE1 Frontend Online Assessment was a 120-minute evaluation conducted on HackerRank. The assessment comprised 8 questions: 5 multiple-choice questions (MCQs) and 3 coding problems. The MCQs focused on CSS, while the coding challenges centered on JavaScript and React.js.

Interview Rounds

The assessment included the following types of questions:

• CSS MCQs: These questions assessed fundamental knowledge of CSS properties, layouts, and styling techniques. Candidates were required to identify the correct CSS rule based on given UI elements or conditions.

• Coding Questions:

  1. Count Total Comments (Including Replies): This question required writing a function to recursively count all comments within a nested object structure. The input was a comment object with a replies array, where each reply could also contain further replies. The function needed to traverse the object and return the total number of comments.

     const comment = {
       text: "some comment",
       replies: [
         { text: "some comment 1", replies: [] },
         { text: "some comment 2", replies: [] },
         { text: "some comment 3", replies: [
             { text: "some comment 5", replies: [] }
           ]
         }
       ]
     };
     

     For the example above, the expected output was 5.

  2. Higher-Order Function with Timer Threshold: The candidate was tasked with implementing a higher-order function (HOF) that accepts a function and a timer threshold as arguments. The returned function should execute the given function only if it completes within the specified time limit. If the function exceeds the time limit, it should reject.

  3. UI Design for a Booking System (React.js): This React-based question involved designing a UI similar to a provided image of a booking system. The task included implementing the following features:

     • Seat Selection & Deselection: Clicking on a seat should toggle its selection state.
     • Booking Seats: Clicking the "Book" button should mark selected seats as booked, disabling them from further selection.
     • Clearing Selection: Clicking "Clear" should unselect all selected seats except the ones that are already booked.
     • Resetting the App: Clicking "Reset" should revert the application to its initial state.