Skip to content

A simple fully responsive Airbnb Clone build with React, Typescript, Tailwind CSS, MongoDB, Prisma, Next.js, Auth.js

License

Notifications You must be signed in to change notification settings

Piero24/airbnb-clone

Repository files navigation



An awesome README template to jumpstart your projects!
View Demo »

Report BugRequest Feature




📔 Itroduction

Welcome to the Airbnb Clone project! This repository contains the full source code for a feature-rich, fully responsive clone of the popular Airbnb platform. The project is designed to simulate the core functionalities of Airbnb, allowing users to explore and book listings, manage their reservations, and even host their own properties. Built using cutting-edge web technologies, this clone provides an excellent foundation for learning and experimenting with full-stack development.


Key Features


1. Homepage with Interactive Listings

The homepage features a clean and intuitive interface, showcasing a variety of property listings with high-quality images, prices, and brief descriptions. Users can filter and search for specific properties using various criteria such as location, date range, and guests number.



2. User Authentication

Users can easily sign up and log in using their Google or GitHub accounts, thanks to seamless integration with OAuth providers. This ensures a quick and secure authentication process, allowing users to access their profiles, manage their listings, and interact with the platform.

3. Calendar and Map Integration

The booking process is enhanced with a fully interactive calendar that allows users to check the availability of listings and select their preferred dates. The map integration provides a visual representation of property locations, helping users find the perfect place based on proximity and neighborhood.

4. User Dashboard: Trips, Reservations, and Favorites

Users have access to a personalized dashboard where they can manage their activities on the platform:

  • Trips: View and manage all upcoming and past trips.
  • Reservations: Hosts can track reservations for their listed properties, while guests can review their booking details.
  • Favorites: Users can save and organize their favorite listings for future reference.

5. Hosting: Add Your Own Property

One of the standout features of this clone is the ability for users to become hosts. Users can list their properties by providing details such as title, description, images, location, and pricing. The intuitive interface guides hosts through the entire process, making it simple to get their property online and ready for bookings.


>


6. Responsive Design

The website is designed to be fully responsive, ensuring a seamless experience across all devices, including desktops, tablets, and smartphones. The use of Tailwind CSS ensures a modern, clean, and customizable user interface.




🛠 Built in

This project leverages React for building a dynamic and interactive user interface, and TypeScript to ensure type safety and enhance code scalability. Next.js is utilized for server-side rendering, optimizing performance, while Tailwind CSS provides a responsive, modern, and customizable design. The database is managed using MongoDB with Prisma as the ORM, ensuring efficient and seamless interactions. For user authentication, Auth.js is implemented to offer secure login options via Google and GitHub.


ReactTypeScriptNext.jsTailwind CSSMongoDBPrismaAuth.js


📮 Responsible Disclosure

We assume no responsibility for an improper use of this code and everything related to it. We do not assume any responsibility for damage caused to people and / or objects in the use of the code.

By using this code even in a small part, the developers are declined from any responsibility.


🐛 Bug and Feature

To report a bug or to request the implementation of new features, it is strongly recommended to use the ISSUES tool from Github »


Here you may already find the answer to the problem you have encountered, in case it has already happened to other people. Otherwise you can report the bugs found.


ATTENTION: To speed up the resolution of problems, it is recommended to answer all the questions present in the request phase in an exhaustive manner.

(Even in the phase of requests for the implementation of new functions, we ask you to better specify the reasons for the request and what final result you want to obtain).



🔍 License

MIT LICENSE

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including...

License Documentation »


👨🏽‍💻: Pietrobon Andrea
🌐: pietrobonandrea.com
: @PietrobonAndrea
🗄: Airbnb Clone


My name is Pietrobon Andrea, a computer engineering student at the University of Padua (🇮🇹).

My passion turns towards AI and ML. I have learned and worked in different sectors that have allowed me to gain skills in different fields, such as IT and industrial design. To find out more, visit my website »

The Copyright (C) of this project is held exclusively by my person.


Copyrright (C) by Pietrobon Andrea
Released date: 13-08-2024

About

A simple fully responsive Airbnb Clone build with React, Typescript, Tailwind CSS, MongoDB, Prisma, Next.js, Auth.js

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages