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.