chorylee / clone-airbnb

Airbnb clone coding w/ Next.js, MongoDB, prisma

Home Page:https://clone-rent-properties.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project Overview:

  • Tech Stack: Utilizes Next.js with App Router, React, Tailwind CSS, Prisma, MongoDB, and NextAuth for authentication.
  • Design: Tailwind CSS for sleek design and ensuring full responsiveness across devices.
  • Authentication: Provides credential authentication, Google authentication, and Github authentication.
  • Image Upload: Image upload using Cloudinary CDN for efficient storage and retrieval.
  • Form Validation: Using react-hook-form for client-side form validation and handling.
  • Error Handling: Implements react-toast for server error handling, ensuring a smooth user experience.
  • Calendars: Using react-date-range for selecting and displaying available dates.
  • Reservation: Implements a reservation system, allowing guests and properties' owners to cancel reservations.
  • Property Management: Enables creation and deletion of properties, including pricing calculation.
  • Advanced Search: Employs an advanced search algorithm by category, date range, map location, number of guests, rooms, and bathrooms.
  • Favorites System: Offers a favorites system for users to save preferred properties.
  • Shareable URLs: Generates shareable URLs with filter parameters for easy sharing and viewing by others.
  • API Routes: Demonstrates how to write POST and DELETE routes in route handlers (app/api).
  • Direct Database Access: Shows how to fetch data in server react components by directly accessing the database without using APIs.
  • Component Relations: Addresses handling relations between server and child components effectively.

Reference Video Code With Antonio

Deployment

Go to Rent Properties.

About

Airbnb clone coding w/ Next.js, MongoDB, prisma

https://clone-rent-properties.vercel.app


Languages

Language:TypeScript 98.7%Language:JavaScript 0.9%Language:CSS 0.4%