Skip to content

This airbnb clone was build using Next.js, Tailwind CSS, Zustand, Google Login, Prisma, MongoDB Atlas and Cloudinary.

Notifications You must be signed in to change notification settings

dontrellthedeveloper/flexstay-nextjs-mongodb

Repository files navigation


Logo

Flex Stay - Next.js MondoDB Application

This AirBnb Clone was built using Next.js, Tailwind CSS, Zustand, Google Login, Prisma, MongoDB Atlas and Cloudinary.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. Built With
  2. Usage
  3. Clone project

Built With

  • Next
  • React
  • Typescript
  • TailwindCSS
  • Zustand
  • GoogleLogin
  • Prisma
  • MongoDB
  • Cloudinary

       

Deployment Tools:

This application was deployed using Vercel and Route53.

       

  • Vercel
  • AWSRoute53

(back to top)

Usage

This is an AirBnb clone that allows you to book rentals. After booking, accurately track your bookings on the reservations page. Not ready to book? Simply add the bookings to your favorites and track them on the favorites page. This calendar will automatically update if a room is not available on the dates requested.

This application also allows you to become a host. You can add new properties and track them on the properties page. The page will allow you to track all the current reservations you have.

Product Name Screen Shot

Product Name Screen Shot

Product Name Screen Shot

For more examples, please take a look at the application

(back to top)

Clone Project

To get a local copy up and running follow the steps below.

Installation

  1. Clone the repo

    git clone https://github.com/dontrellthedeveloper/flexstay-nextjs-mongodb.git
  2. Install NPM packages

    npm install 
  3. Enter values in .env file

     DATABASE_URL="{mongodb atlas connection string}"
     NEXTAUTH_SECRET="{next auth secret}"
     GITHUB_ID={github oath ID}
     GITHUB_SECRET={github oath secret}
     GOOGLE_CLIENT_ID={github login client ID}
     GOOGLE_CLIENT_SECRET={google login client secret}
     NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME={cloudinary name}

(back to top)

About

This airbnb clone was build using Next.js, Tailwind CSS, Zustand, Google Login, Prisma, MongoDB Atlas and Cloudinary.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages