Skip to content

markgowen/airbnb-clone

Repository files navigation

Airbnb Clone

This project is an Airbnb clone built with Next.js, Tailwind CSS, Prisma, and MongoDB. It was developed by following a tutorial by Code with Antonio.

Features

  • Users can search for properties based on location and dates.
  • Users can view property details, including descriptions, images, and pricing information.
  • Users can book properties by selecting dates.
  • Property owners can create listings by providing property details and uploading images.

Installation

To run this project locally, follow these steps:

  1. Clone this repository to your local machine.
  2. Install the necessary dependencies by running the following command in the project directory:
npm install
  1. Set up a MongoDB database and update the DATABASE_URL environment variable in the .env file.
  2. Run the following command to start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
  1. Open http://localhost:3000 in your web browser to view the app.

Technologies Used

  • Next.js - a React framework for building server-side rendered and statically generated applications.
  • Tailwind CSS - a utility-first CSS framework.
  • Prisma - a modern database toolkit for Node.js.
  • MongoDB - a NoSQL document database.

Deployment

To deploy this project on Vercel, follow these steps:

  1. Fork this repository and create a new project on Vercel.
  2. Connect your Vercel project to your forked repository.
  3. Set up the necessary environment variables in the Vercel dashboard, including DATABASE_URL.
  4. Deploy the project to Vercel and wait for the deployment to complete.
  5. Open the URL provided by Vercel to view the deployed app.

Note: Make sure to keep your environment variables private and never share them publicly.

Credits

This project was developed by following a tutorial by Code with Antonio. Thank you to Antonio for creating such a helpful resource!

License

This project is licensed under the MIT License. Feel free to use and modify this code for your own purposes.

Releases

No releases published

Packages

No packages published

Languages