Airbnb Clone

Airbnb Clone is a web application built with Next.js 13, leveraging TypeScript, Zustand, Prisma, and NextAuth. The platform features advanced search and filtering capabilities, allowing users to easily find and book properties. Users can manage their listings, view trip history, and track favorites and reservations, all through a user-friendly interface. The project includes a CI/CD pipeline integrated with DockerHub, optimizing build and deployment processes.

Features 🌟

• User Authentication: Secure user authentication and authorization using NextAuth, allowing users to manage their profiles and bookings.

• Detailed Property Views: Comprehensive property pages with detailed information and photos to aid in decision-making.

• Property Listings: Users can browse and search for properties with advanced filtering options to enhance their booking experience.

• Property Management: Owners can list and manage their properties, view trip history, and track favorites and reservations.

• CI/CD Pipeline: Streamlined build and deployment process with DockerHub integration, reducing deployment time and improving efficiency.

Screenshots 📸

Deployment 🚀

You can access the live version of Airbnb Clone here: Live Demo

Environment Setup 🛠️

To run this project, you will need to add the following environment variables to your .env.local file (a template has been provided as .env.example)

You will need to obtain credentials from the respective services:

• MongoDB: Sign in at at MongoDB and create a MongoDB cluster to get your DATABASE_URL.

• Cloudinary: Sign in at Cloudinary to get your NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME, CLOUDINARY_API_KEY and CLOUDINARY_API_SECRET.

Add the following env variables with their values to your .env.local file:

DATABASE_URL NEXTAUTH_SECRET

GITHUB_ID GITHUB_SECRET

GOOGLE_CLIENT_ID GOOGLE_CLIENT_SECRET

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME CLOUDINARY_API_KEY CLOUDINARY_API_SECRET

Installation 🔧

Via Docker

1. Git Clone the Repository

2. Navigate to the directory where the repository was downloaded

3. Set up the Environment Variables

4. Build the Docker Image

docker build -t airbnb-clone-image .

5. Run the Docker Container

docker run -d --name airbnb-clone-container -p 3000:3000 airbnb-clone-image

6. Open your application via port - http://localhost:3000

Local Installation

1. Git Clone the Repository

2. Navigate to the directory where the repository was downloaded

3. Set up the Environment Variables

4. Install the Dependencies

npm install

5. Start the application in development mode

npm run dev

6. Open your application via port - http://localhost:3000

Authors ✍️

• Akash

Tech Stack 💻

Language: TypeScript

Frontend: Next.js, TailwindCSS, React Hook Form, Zustand

Backend: Node.js

Authentication: NextAuth

Database: MongoDb, Prisma

Cloud Storage: Cloudinary

Containerization: Docker

CI/CD: GitHub Actions