π 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.git
npm i
DATABASE_URL=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_SECRET=
npx prisma db push
npm run dev
Running commands with npm npm run [command]
command | description |
---|---|
dev |
Starts a development instance of the app |