Skip to content

Full Stack Airbnb clone built with Next.js, a React.JS framework. This project aims to replicate the core functionality of Airbnb, including user authentication, property listings, search and filtering, booking and reservations and reviews. It utilizes technologies such as Next.js, React, Node.js, Express, MongoDB and Tailwind CSS.

License

Notifications You must be signed in to change notification settings

Steravy/airbnb-clone

Repository files navigation

Airbnb Clone

This repository is an Airbnb clone built with Next.js, a powerful React.js framework. The project aims to replicate the core functionality of Airbnb, providing a platform for users to authenticate, browse property, search and filter places, make bookings, reservations, add to favorites, and properties for the owners. But the main goal was to built something challenging in order to sharp my skills and gain new ones.

Landing Page

Features

  • User Authentication: Users can create accounts, log in, and securely authenticate themselves on the platform.

  • Property Listings: Property owners can list their properties with details such as location, amenities, pricing, and availability.

  • Search and Filtering: Users can easily search for properties based on location, dates, price range, and other filters to find their ideal accommodations.

  • Booking and Reservations: Users can book properties and manage their reservations, including viewing booking details, modifying dates, and canceling reservations.

  • Reviews: Users can leave reviews and ratings for properties they have stayed in, providing valuable feedback to property owners and helping other users make informed decisions.

  • Technologies: The project utilizes a variety of technologies, including Next.js, React, Node.js, Express, MongoDB, Prisma, and Tailwind CSS, to deliver a modern and efficient application.

  • Register a property Register Property

  • Login into your account Login Modal

  • View and book a place that you like View Property

  • And much more...

Getting Started

To get started with this project, follow these steps:

  1. Clone the repository: git clone https://github.com/Steravy/airbnb-clone.git
  2. Install the dependencies: npm install
  3. Set up the environment variables by creating a .env file and filling in the required values.
  4. Start the development server: npm run dev
  5. Open your browser and navigate to http://localhost:3000 to access the application.

Contributing

Contributions are welcome! If you want to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b my-feature.
  3. Make your changes and commit them: git commit -am 'Add new feature'.
  4. Push the branch: git push origin my-feature.
  5. Open a pull request and describe the changes you made.

Acknowledgments

  • This project was inspired by the functionality and design of Airbnb.
  • Thanks to the open-source community for their contributions to the technologies used in this project.
  • Thanks to @AntonioErdeljac for the amazing tutorial he made on this topic, where i could inspire and learn a lot in order to create my own Airbnb clone.

Author

Stefan Vitoria

Contact

If you have any questions, suggestions, or feedback, please feel free to contact at [email protected]. Need me for some project? Uset it to reach me as well.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.

About

Full Stack Airbnb clone built with Next.js, a React.JS framework. This project aims to replicate the core functionality of Airbnb, including user authentication, property listings, search and filtering, booking and reservations and reviews. It utilizes technologies such as Next.js, React, Node.js, Express, MongoDB and Tailwind CSS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages