🟪 Airbnb — Frontend Interview Guide

Emphasis: Craft. Polished machine coding, design-system fluency, and accessibility. Airbnb famously values beautiful, correct, accessible UI.

Related: Company index · ROADMAP

---

The loop (typical) #

Round	Focus	Prep section
Phone screen	Coding (JS/React)	03-javascript · 06-react
UI / machine coding	Build a polished component	16-machine-coding
Frontend system design	"Design X"	15-system-design
Behavioral (core values)	Collaboration, belonging	—

What they emphasize #

• Component craft — clean API, states handled, pixel-accurate, reusable.
• Accessibility — keyboard, ARIA, focus. Frequently scored.
• Design systems — you'll discuss building reusable components at scale.
• Data-driven product sense.

Frequently asked (community-sourced) #

Machine coding

• Build a Carousel / photo gallery → flagship
• Build a Star Rating → flagship
• Build a Date/Date-range Picker → 16-machine-coding
• Build an accessible Modal → flagship
• Build a Typeahead → flagship

System design

• Design Airbnb search + filters + map → 15-system-design
• Design a Booking flow → state
• Design a Design System → 08-architecture

Prep plan (2 weeks) #

1. Build 5 components to a high polish bar (all states + a11y + tests).
2. Study accessibility patterns (dialog, combobox, focus).
3. Practice design-system / component-library architecture.
4. Prepare core-values behavioral stories.

🟢 Green flags · 🔴 Red flags #

🟢 Do: handle all states (empty/loading/error) · clean, reusable component API · full keyboard + ARIA · pixel-level care · think design-system reuse. 🔴 Avoid: skipping edge/loading states · building inaccessible custom controls (divs with onClick) · messy prop APIs · ignoring visual polish.

📝 Sample interviewer prompts #

• "Build a date-range picker, fully keyboard accessible."
• "Build a photo carousel with swipe and screen-reader support."
• "How would you turn this into a reusable design-system component?"

---

Interviewed at Airbnb? Add the questions you got (role + year) via a PR.