Features:
Tailwind design,Html,Next.js,Mongodb database,Ts..
Tailwind animations and effects
Full responsiveness
Credential authentication
you can logged in bu email-mayanksoni1248@gmail.com pass--->1234
or
you can ragister in website or signup then logged in manually
Google authentication
Github authentication
Image upload using Cloudinary CDN
Client form validation and handling using react-hook-form
Server error handling using react-toast
Calendars with react-date-range
Page loading state
Page empty state
Booking / Reservation system
Guest reservation cancellation
Owner reservation cancellation
Creation and deletion of properties
Advanced search algorithm by category, date range, map location, number of guests, rooms and bathrooms
For example we will filter out properties that have a reservation in your desired date range to travel
Favorites system
Shareable URL filters
Lets say you select a category, location and date range, you will be able to share URL with a logged out friend in another browser and they will see the same results
POST and DELETE routes in route handlers (app/api)
fetch data in server react components by directly accessing database (WITHOUT API!)
handle files like error.tsx and loading.tsx which are new Next 13 templating files to unify loading and error handling
Cloning the repository ------------> git clone https://github.com/Mayank6062/React-Airbnb.git
Install packages ----------> npm i
Setup .env file ------------>
DATABASE_URL=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_SECRET=
Setup Prisma --------->
npx prisma db push
Start the app ---------->
npm run dev