README.md

Airbnb Mobile-First Clone

Frontend project built with Next.js 16, TypeScript, Tailwind CSS and App Router.

Stack

• Next.js 16.3.1
• React 19
• TypeScript
• Tailwind CSS 4
• App Router (app/)

Required Routes

• / home
• /catalog listing results
• /rooms/[id] dynamic room detail

The legacy route /search redirects to /catalog.

Architecture

Components are split by single responsibility in components:

• AppHeader
• SearchBar
• CategoryFilter
• FilterChip
• PropertyCard
• FeaturedSection
• ImageGallery
• HostInfo
• AmenitiesList
• ReservationCard
• LoadingState

Shared typed data models live in types/index.ts, and seed data in data/listings.ts.

Local Run

npm install
npm run dev

Open:

• http://localhost:3000
• http://localhost:3000/catalog
• http://localhost:3000/rooms/p1