Skip to content

Fullstack Airbnb clone, powered by React.js, Next.js, Typescript, Tailwind CSS, Prisma, MongoDB, React Hook form, React toast, Google and GitHub auth, Cloudinary CDN, React Date Range

License

Notifications You must be signed in to change notification settings

Agadafrancis/airbnb-clone

Repository files navigation

Fullstack Airbnb Clone 🏡

Exciting Development Journey! 🚀

Buckle up as I unveil my fully responsive Fullstack Airbnb clone powered by React.js, TypeScript, Next.js server components, and client components!

Tech Stack Highlights

  • Next.js & TypeScript: Lightning-fast performance with seamless server and client components.
  • Prisma & MongoDB: Leveraging databases for a seamless user experience.
  • Tailwind CSS: Crafting a slick, modern design with animations for a vibrant site.
  • Cloudinary CDN: Powering image uploads for a visually rich experience.
  • React Hook Form: Ensuring client form validation and smooth handling.
  • React Toast: Streamlining server error handling.
  • React Date Range: Enhancing user experience with interactive calendars.

Exciting Features in the Pipeline

  • Credential Authentication: Streamlined login process for a seamless user journey.
  • Google & GitHub Authentication: Expanding login options for users.
  • Booking/Reservation System: Enabling reservations with advanced features.
  • Page Loading Optimization: Enhancing user experience with smooth page transitions.
  • Anti State Handling: Ensuring the application's stability.
  • Advanced Pricing Calculations: Implementing sophisticated pricing algorithms.
  • Advanced Search Algorithms: Filtering results by category, date range, map location, guests, rooms, and bathrooms.

Unique Capabilities

  • Favorite System: Personalize your experience with a property wishlist.
  • Shareable URL Filters: Share your search criteria via URL for a synchronized view with friends.

🌐 Deployment on Vercel Coming Soon!

Stay tuned for the unveiling of this Fullstack Airbnb clone, meticulously crafted to deliver a top-notch user experience. Can't wait to share this innovation with the community! 🚀💻

Follow the Development Journey

#Fullstack #NextJS #WebDevelopment #AirbnbClone #TechInnovation

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

About

Fullstack Airbnb clone, powered by React.js, Next.js, Typescript, Tailwind CSS, Prisma, MongoDB, React Hook form, React toast, Google and GitHub auth, Cloudinary CDN, React Date Range

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published