Coder Social home page Coder Social logo

airbnb-2.0's Introduction

Airbnb Clone

This is a clone of the popular vacation rental website Airbnb, built using Next.js and Tailwind CSS. The application allows users to browse and search for listings, book reservations, create their own listings, and manage their bookings.

Features

  • User authentication with email, GitHub, and Google
  • Secure password storage using bcrypt
  • User can create, view, edit, and delete their own listings
  • User can browse and search for listings based on location, guest count, and room count
  • User can add listings to their favorites
  • User can book reservations
  • User can view and manage their bookings
  • Location-based maps and services using Leaflet and React-Leaflet
  • Image management and optimization using Next-Cloudinary
  • Database access using Prisma
  • User authentication using Next-Auth
  • Form validation using React Hook Form
  • Responsive and modern design using Tailwind CSS

Tech Stack

  • Next.js
  • Tailwind CSS
  • Prisma
  • Leaflet and React-Leaflet
  • Next-Auth
  • Next-Cloudinary
  • React Hook Form

Getting Started

  1. Clone the repository.
  2. Install dependencies: npm install
  3. Create a .env file in the root directory and add the required environment variables.
  4. Run the development server: npm run dev

Environment Variables

  • DATABASE_URL
  • NEXTAUTH_SECRET
  • GITHUB_ID
  • GITHUB_SECRET
  • GOOGLE_CLIENT_ID
  • GOOGLE_CLIENT_SECRET
  • EXT_PUBLIC_CLOUDINARY_CLOUD_NAME

airbnb-2.0's People

Contributors

tejasp2003 avatar

Watchers

 avatar

airbnb-2.0's Issues

Application not working

Hi, I checkout the link and opened it in my browser it's says that deployment not found. Can you check what's the error?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.