Airbnb Clone

This is a clone of Airbnb website built with Next.js 13

The project is built using the following technologies:

Next.js 13, Tailwind, Prisma, MongoDB, NextAuth and Mapbox

To see the project in action, visit the following link:

Getting Started

To get this application up and and running on your local machine follow these simple steps.

Prerequisites

You need to have Node.js, npm or yarn and git installed on your machine.

Installation

1. Clone the repo

   git clone https://github.com/ahmetenesdur/airbnb-clone.git

2. Install Packages

   npm install

   or

   yarn install

3. Create an .env file looking like this

   DATABASE_URL=
   NEXTAUTH_SECRET=
   GITHUB_ID=
   GITHUB_SECRET=
   GOOGLE_CLIENT_ID=
   GOOGLE_CLIENT_SECRET=
   NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=

4. Prisma generate

   npx prisma generate

   or

   yarn prisma generate

5. Setup Prisma

   npx prisma db push

   or

   yarn prisma db push

6. Run the app

   npm run dev

   or

   yarn dev

7. Open the app in your browser

    http://localhost:3000
   

Usage

1. You can sign up with your email and password or with your Google account or github account.
2. You can search for a location and see the available listings.
3. You can filter the listings by number of guests, price range, number of bedrooms and number of rooms.
4. You can click on a listing to see more details about it.
5. You can book a listing by selecting the dates and clicking on the reserve button.
6. You can see your bookings by clicking on the my reservations button.
7. You can see your listings by clicking on the my properties button.
8. You can create a listing by clicking on the airbnb my home button.
9. You can see favorite listings by clicking on the heart icon.
10. You can see your trips by clicking on the trips button.

Screenshots

License

Distributed under the MIT License. See LICENSE for more information.

Contact