Atlassian - Frontend Engineer (P40) - Onsite

Level: P40
Education: Bachelors
Years of Experience: 3
Questions Asked: 3


Questions Asked:
1. File Explorer (Coding Round - System Design + Implementation)

  • I was asked to implement a simplified File Explorer UI component using React.
  • Requirements included:
    • Display a folder tree structure from nested JSON.
    • Clicking a folder expands/collapses its children.
    • Support for lazy-loading subfolders via mock API call.
  • Follow-up: Discussed how this would scale in a large enterprise setup and how to manage performance.

2. Design Kanban Board (Frontend System Design)

  • I was asked to whiteboard a Kanban Board (like Trello).
  • Focus Areas:
    • Component breakdown and reusable architecture.
    • State management strategy (I proposed React + Zustand for simplicity, and discussed Redux for scaling).
    • Drag and drop interactions (I mentioned react-beautiful-dnd vs dnd-kit).
    • Data fetching and caching (I proposed React Query).
    • How to handle optimistic UI updates.

3. Behavioral Round (Structured STAR Format)

  • Questions focused on collaboration, ownership, and Atlassian values.
1 Like

Hello, Can you please let me know what was the question for JS round in coding?

the JS question was literally File Navigation

1 Like

I have 2 rounds machine coding and browser coding, I have seen this file explorer for browser coding and was wondering what was another question that was asked? did you clear the final round ?

did you end up passing?

how strict were they on styling during the coding round? have this in a couple days and am just curious. The logic/architecture of the component is tricky but not too difficult once you have your head wrapped around it.