Skip to content
Project Specifications

Airbnb Design System

An experimental personal project exploring a question I keep coming back to: how much does AI really boost productivity without sacrificing code quality? The idea is to rebuild Airbnb from the ground up, starting with the foundation — a complete Design System in React that serves as the base for replicating the app's main visual and functional components.

What makes it unique is the method: I use AI aggressively to generate components, structure styles and suggest code patterns through prompts — then measure how much it actually speeds things up, which best practices are followed or ignored, and how much effort it takes to turn often-unstructured AI output into scalable, maintainable, production-ready code. The component library is documented in Storybook (work in progress).

Key Features & Milestones
  • Airbnb-grade Design System rebuilt from scratch in React.
  • AI-driven workflow: components, styles and patterns generated via prompts.
  • A study of AI productivity vs. code quality, structure and reuse.
  • Components documented in Storybook (Reserve, DatePicker, GuestSelector, NavigationBar…).
  • Live Storybook demo; open-source on GitHub — work in progress.
Industry

Design Systems

Timeline
2Months

Nov 2025 — Dec 2025

Tech Stack & Tools
ReactTypeScriptDesign SystemStorybookAI
My Role

Solo build

Collaborators

Personal study

Loading
Move your cursor to reveal