Company guides
🟦 Atlassian — Frontend Interview Guide
Emphasis: Machine coding + design systems + values. Products like Jira/Trello mean drag-and-drop, complex state, and collaborative UIs.
Related: Company index · ROADMAP
The loop (typical)
| Round | Focus | Prep section |
|---|---|---|
| Phone screen | Coding (JS/React) | 03-javascript · 06-react |
| Craft / machine coding | Build a real component | 16-machine-coding |
| System design | "Design X" | 15-system-design |
| Values (strong signal) | Atlassian values | — |
What they emphasize
- Machine coding craft — working, clean, incremental component building.
- Drag & drop / complex state — Jira/Trello DNA.
- Design systems — Atlaskit; reusable component thinking.
- Values — Atlassian's values round is a genuine gate; prepare real examples.
Frequently asked (community-sourced)
Machine coding
- Build a Kanban board (drag & drop) → flagship
- Build a Data Grid / issue table → flagship
- Build Nested Comments → flagship
- Build a Command Palette → flagship
System design
- Design Trello / Jira → 15-system-design
- Design a Notification System → flagship
- Design a real-time collaborative board → flagship
React
- State management, drag-and-drop, memoization → 06-react
Prep plan (2 weeks)
- Nail the Kanban flagship (DnD + a11y).
- Practice building components incrementally while narrating.
- Study design-system component APIs.
- Prepare Atlassian-values behavioral stories.
🟢 Green flags · 🔴 Red flags
🟢 Do: build incrementally and narrate · handle drag-and-drop + complex state cleanly · think reusable components · bring genuine values examples. 🔴 Avoid: big-bang coding with no working checkpoints · inaccessible drag-and-drop · generic/rehearsed values answers.
📝 Sample interviewer prompts
- "Build a Kanban board with drag-and-drop."
- "Now add keyboard support to your drag-and-drop."
- "Tell me about a time you balanced craft against a deadline."
Interviewed at Atlassian? Add the questions you got (role + year) via a PR.