Airbnb Clone is a modern accommodation booking platform built with Next.js, inspired by the core experience of Airbnb.
The application provides a seamless and responsive interface for users to discover properties, search accommodations, make reservations, manage favorites, and interact with property services.
This project demonstrates modern frontend development practices including component-based architecture, state management, API integration, responsive design, and user-focused UI/UX implementation.
- 🏠 Property listing and accommodation search
- 🔍 Search and filter properties
- 📄 Detailed property information pages
- 📅 Booking and reservation management
- 🗺️ Interactive map integration
- 💳 MoMo payment integration
- ❤️ Favorite properties management
- 👤 User authentication and profile management
- 🏡 Become a host and manage properties
- 📊 Reservation and dashboard management
- 🌑 Dark mode support
- 📱 Fully responsive design
- Next.js 15
- React 18
- TypeScript
- Tailwind CSS
- Zustand
- React Query
- Framer Motion
- Headless UI
- Radix UI
- React Hook Form
- Zod
- Axios (API Interactions)
- Swagger (API Documentation)
User
│
▼
Next.js Application
│
▼
REST API
│
▼
Database
src/
├── app/
├── components/
├── hooks/
├── services/
├── store/
├── types/
├── utils/
└── styles/
- Node.js (v18+)
- npm or yarn
- Clone the repository
git clone https://github.com/vuth9808/Airbnb_Capstone.git- Install Dependencies
npm installor
yarn install- Run Development Server
npm run devor
yarn dev- Open your browser:
http://localhost:3000
| Service | Platform |
|---|---|
| Frontend | Vercel |
| Backend | REST API |
| Database | External Database Service |
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Create production build |
npm run start |
Run production server |
npm run lint |
Run ESLint checks |
Distributed under the MIT License. See LICENSE for more information.
TO HOANG VU