🚀 Welcome to the Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB and NextAuth
🎨 Stunning Tailwind Design: Crafted with the elegance of Tailwind CSS, ensuring a visually captivating user experience.
🌟 Interactive Animations: Elevate user engagement with mesmerizing animations and effects, courtesy of Tailwind CSS.
📱 Full Responsiveness: Seamlessly adapts to various devices, ensuring users enjoy a flawless experience on any screen.
🔐 Robust Authentication: Empower users with versatile login options - traditional credentials, Google, and GitHub authentication methods.
🖼️ Effortless Image Management: Utilize Cloudinary CDN to effortlessly upload and manage images, enhancing your property listings.
📝 Form Mastery: Achieve precise form handling with react-hook-form, guaranteeing accurate data submission and client-side validation.
🚨 Smooth Error Handling: Offer a polished user experience with server error handling through react-toast.
🏡 Property Booking: Facilitate property reservations, making it a breeze for guests, and allow owners to manage reservations efficiently.
🗑️ Property Management: Property owners can create and remove listings, maintaining complete control over their offerings.
🔍 Advanced Search: Implement an intelligent search algorithm, enabling users to filter properties by category, date range, location, guests, rooms, and bathrooms.
🔄 Shareable Filters: Generate shareable URLs with applied filters, ensuring a consistent experience for users sharing their search results.
❤️ Favorites System: Allow users to save their favorite listings for quick access.
🛣️ Simplified Routing: Implement intuitive POST and DELETE routes in route handlers, making API interactions straightforward.
🌐 Database Integration: Fetch data seamlessly in server React components, eliminating the need for an intermediate API layer.
🚀 Optimized Performance: Streamlined loading and error handling with Next.js 13 templating files, ensuring a swift and reliable user experience.
🤝 Component Synergy: Efficiently manage relations between server and child components, ensuring a cohesive application structure.
This project is a testament to cutting-edge technology, thoughtful design, and seamless functionality, creating a compelling Airbnb clone that stands out in the world of web development. Its versatility and user-centric approach make it an excellent showcase of development skills and expertise.
Node version 14.x
git clone https://github.com/PrajapatiShefali/AIRBNB.gitnpm iDATABASE_URL=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_SECRET=npx prisma db push
npm run devRunning commands with npm npm run [command]
| command | description |
|---|---|
dev |
Starts a development instance of the app |
