Airbnb Prototype(not real Airbnb)

A feature-rich Airbnb clone built using modern web development tools and frameworks.

---

🚀 Resources Used

• Next.js - React framework for production-grade applications.
• Kinde - Authentication and user management.
• Tailwind CSS - Utility-first CSS framework for styling.
• Shadcn/UI - Accessible and customizable component library.
• Prisma - Modern ORM for database interactions.
• Supabase - Backend as a service with database and storage.
• React Date Range - React components for date range pickers.
• Vercel - Cloud platform for frontend hosting and deployment.

---

✨ Features

🌐 Next.js 14 App Router

Take advantage of Next.js's new App Router for optimized routing and layouts.

🔐 Kinde Authentication

• Passwordless Authentication for a seamless login experience.
• OAuth integration with Google and Facebook.

💿 Supabase Backend

• Database: Store and manage application data.
• Storage: Handle file uploads and media storage.

💨 Prisma ORM

Simplified database management with Prisma's intuitive and type-safe API.

🎨 Styling

Beautiful UI powered by Tailwind CSS and Shadcn UI.

🌍 Additional Features

• 📅 Calendar Integration: Interactive date pickers and scheduling.
• 📍 Dynamic Map Integration: Map displays with location-based functionality.
• 📒 Reservation System: Create, view, and manage reservations.
• 🧠 Filter Bar: Advanced filtering for seamless property search.
• 🔎 Multi-Step Search Modal: Guided search process for users.
• 📝 Multi-Step Form for Listing Creation: Add listings with a step-by-step form.

---

🚀 Deployment

The application is deployed on Vercel for fast and reliable performance.

---

📂 Getting Started

To run the project locally:

1. Clone the repository:

   git clone <repository-url>
   cd airbnb-prototype
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

4. Open the app in your browser at http://localhost:3000.