Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fahrettinsolak/airbnb-clone-site
This project is a clone of the Airbnb platform, featuring core functionalities like property reservations and user authentication. Built with React, TailwindCSS, and Prisma, it offers a responsive design for seamless use across all devices. Users can log in, save favorite properties, and book accommodations easily.
https://github.com/fahrettinsolak/airbnb-clone-site
nodejs react tailwindcss typescript
Last synced: 19 days ago
JSON representation
This project is a clone of the Airbnb platform, featuring core functionalities like property reservations and user authentication. Built with React, TailwindCSS, and Prisma, it offers a responsive design for seamless use across all devices. Users can log in, save favorite properties, and book accommodations easily.
- Host: GitHub
- URL: https://github.com/fahrettinsolak/airbnb-clone-site
- Owner: Fahrettinsolak
- Created: 2024-10-15T20:27:50.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-15T21:06:53.000Z (2 months ago)
- Last Synced: 2024-12-07T03:09:17.232Z (19 days ago)
- Topics: nodejs, react, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 139 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fullstack Airbnb Clone: React, TailwindCSS & Prisma
In this project, I developed an Airbnb clone using React, TailwindCSS, Next.js and Prisma.
## 🎯 Project Features:
- 🌈 **Tailwind Design:** Modern and stylish user interface.
- 💥 **Tailwind Animations & Effects:** Visual effects that enhance user experience.
- 📱 **Fully Responsive:** Design compatible with mobile, tablet and desktop devices.
- 🔒 **Authentication:** Login with Email, Google and GitHub.
- ☁️ **Image Upload:** Fast and secure image upload with Cloudinary CDN.
- 📋 **Form Validation:** Manage user logins using `react-hook-form`.
- 🚨 **Error Management:** Notify the user of server errors with `react-toast`.
- 📅 **Calendars:** Date selection with `react-date-range`.
- ⏳ **Page Loading Status:** Notify the user while the page is loading.
- 😕 **Blank Page Status:** Show information to the user when there is no content.
- 🏠 **Reservation System:** Create and cancel reservations for guests.
- 🚪 **Owner Cancellations:** Cancel reservations for property owners.
- 🏡 **Property Management:** Add and delete new properties.
- 💲 **Price Calculation:** Automatic price calculation according to reservation dates.
- 🔍 **Advanced Search Algorithm:** Search by category, date range, location, number of people, number of rooms and bathrooms.
- For example: Automatically filters properties with reservations on the dates you specify.
- ⭐ **Favorites System:** Users can save their favorite properties.
- 🔗 **Shareable URL Filters:** Share search results.
## 🚀 Requirements:
- **Node version:** 14.x
## 📝 Cloning the Project:
Use the following command to clone the project:
```bash
git clone https://github.com/DogukanErzurum/airbnb-clone.git
```
## 📦 Installing Packages:
```bash
npm install
```
## 🔐 Setting the .env File:
- You can manage your authentication information via variables such as DATABASE_URL, GOOGLE_CLIENT_ID, GITHUB_ID, NEXTAUTH_SECRET. Customize the value of each variable.
- DATABASE_URL=
- GOOGLE_CLIENT_ID=
- GOOGLE_CLIENT_SECRET=
- GITHUB_ID=
- GITHUB_SECRET=
- NEXTAUTH_JWT_SECRET=
- NEXTAUTH_SECRET=
## 💻 Starting the Application:
- To run the project on the local server:
```bash
npm run dev
```
- The application will run at http://localhost:3000.
You can save and use this file as a file with the extension `.md`.