Frontend Engineer Interview Experience @Livspace

Overview

The candidate was drawn to Livspace's Frontend Engineer position due to the opportunity to combine frontend development skills with a passion for user experience in the home interior design domain. The role focused on customer-facing platforms, including 3D visualization tools, designer collaboration interfaces, and project management dashboards, utilizing cutting-edge web technologies within a micro-frontend architecture.

Interview Rounds

The Livspace interview process consisted of six rounds, each designed to evaluate different aspects of the candidate's skills and suitability.

Round 1: Initial Screening (30 minutes)

• Conducted by a technical recruiter.
• Key discussion points included experience with modern JavaScript frameworks (particularly React), understanding of state management solutions, prior work with design systems, and experience handling complex user interactions.
• The recruiter provided insights into Livspace's frontend architecture and its transition to a micro-frontend approach.

Round 2: Take-Home Assignment (72 hours)

• The candidate was tasked with building a room visualization dashboard.
• Requirements included:
  • A responsive grid layout for room designs.
  • Filtering and sorting capabilities.
  • Image lazy loading.
  • Basic animations and transitions.
  • Error handling and loading states.
• The assignment emphasized handling different viewport sizes and maintaining performance with numerous room designs.
• The candidate utilized:
  • React 18 with TypeScript
  • TailwindCSS for styling
  • React Query for data fetching
  • Framer Motion for animations
• The candidate's submission was enhanced by:
  • Keyboard navigation support.
  • Skeleton loading state.
  • Image optimization.
  • Comprehensive test coverage using React Testing Library.

Round 3: Technical Deep Dive (90 minutes)

• Conducted by two senior frontend engineers.
• The round included a code review of the take-home project.
• The candidate answered questions regarding:
  • Optimization of the infinite scroll implementation.
  • The choice of CSS Grid over Flexbox.
  • Handling image failures in production.