/airbnb-clone

Fullstack Airbnb Clone

Primary LanguageTypeScript

AirBnb Clone Project

This AirBnb clone, powered by Next.js 14, integrates advanced technologies to replicate the seamless experience of exploring and booking accommodations. It leverages Next.js' App Router, React, Tailwind CSS, Prisma, MongoDB, and NextAuth for a polished and user-centric interface, offering multiple authentication options.

Features

  • Search: Effortlessly find accommodations by location, date, and preferences.
  • Accommodation Listings: Detailed information and rich visuals for available accommodations.
  • Booking: Streamlined booking process allowing users to select preferred dates.
  • Authentication:
    • Email: Sign up and log in using email credentials.
    • Google: Authenticate with Google accounts.
    • GitHub: Log in via GitHub credentials.

Installation

  1. Clone the repository:
git clone https://github.com/1giacomo/airbnb-clone.git
  1. Navigate to the project directory.
  2. Install dependencies:
npm install
  1. Set up environment variables.
  2. Run the development server:
npm run dev

Screenshots

Homepage

Homepage displaying featured accommodations.

Search Results

Search results for accommodations in a specific location.

Technologies Used

  • Next.js 14: Utilizing the latest features for an optimized application structure.
  • React: Powering the user interface and components.
  • Tailwind CSS: Efficiently handling styling and design elements.
  • Prisma: Database toolkit for efficient MongoDB access.
  • MongoDB: Storage for accommodation and user data.
  • NextAuth: Providing robust and secure authentication with multiple options.