Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dogukanerzurum/airbnb-clone
Airbnb Clone Project
https://github.com/dogukanerzurum/airbnb-clone
Last synced: about 2 months ago
JSON representation
Airbnb Clone Project
- Host: GitHub
- URL: https://github.com/dogukanerzurum/airbnb-clone
- Owner: DogukanErzurum
- Created: 2023-12-18T11:19:07.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-02-09T17:57:17.000Z (11 months ago)
- Last Synced: 2024-04-17T06:29:56.027Z (9 months ago)
- Language: TypeScript
- Homepage:
- Size: 261 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Building a Fullstack Netflix Clone with React, TailwindCSS and Prisma
In this project I made an Airbnb clone using React TailwindCSS next js and Prisma
Project Features:
- Tailwind design
- Tailwind animations and effects
- Full responsiveness
- Credential authentication
- Google authentication
- Github authentication
- Image upload using Cloudinary CDN
- Client form validation and handling using react-hook-form
- Server error handling using react-toast
- Calendars with react-date-range
- Page loading state
- Page empty state
- Booking / Reservation system
- Guest reservation cancellation
- Owner reservation cancellation
- Creation and deletion of properties
- Pricing calculation
- Advanced search algorithm by category, date range, map location, number of guests, rooms and bathrooms
- For example we will filter out properties that have a reservation in your desired date range to travel
- Favorites system
- Shareable URL filters
### Necessity
**Node version 14.x**
### Cloning the repository
```shell
https://github.com/DogukanErzurum/airbnb-clone.git
```
### Install packages
```shell
npm i
```
### Setup .env file
This is the section where the person hashes the registration status given by google github and my own system after registration. It is personalized!
```js
DATABASE_URL=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
GITHUB_ID=
GITHUB_SECRET=
NEXTAUTH_JWT_SECRET=
NEXTAUTH_SECRET=
```
### Start the app
npm run dev starts the application at localhost:3000.
```shell
npm run dev
```