Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akash-m-se/airbnb-clone
Airbnb clone built with Next.js 13, TypeScript, Zustand, Prisma, and NextAuth. Features advanced search, filtering, and property management. Streamlined CI/CD pipeline improves deployment efficiency.
https://github.com/akash-m-se/airbnb-clone
cicd cloudinary docker github-actions mongodb nextauth nextjs13 nodejs prisma reacthookform tailwind-css typescript zustand
Last synced: about 1 month ago
JSON representation
Airbnb clone built with Next.js 13, TypeScript, Zustand, Prisma, and NextAuth. Features advanced search, filtering, and property management. Streamlined CI/CD pipeline improves deployment efficiency.
- Host: GitHub
- URL: https://github.com/akash-m-se/airbnb-clone
- Owner: Akash-m-SE
- Created: 2024-03-16T16:11:18.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-09-08T19:29:57.000Z (4 months ago)
- Last Synced: 2024-09-09T19:46:53.119Z (4 months ago)
- Topics: cicd, cloudinary, docker, github-actions, mongodb, nextauth, nextjs13, nodejs, prisma, reacthookform, tailwind-css, typescript, zustand
- Language: TypeScript
- Homepage: https://cloudhavenstays-airbnb-clone.vercel.app
- Size: 329 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Airbnb Clone
**Airbnb Clone** is a web application built with Next.js 13, leveraging TypeScript, Zustand, Prisma, and NextAuth. The platform features advanced search and filtering capabilities, allowing users to easily find and book properties. Users can manage their listings, view trip history, and track favorites and reservations, all through a user-friendly interface. The project includes a CI/CD pipeline integrated with DockerHub, optimizing build and deployment processes.
## Features 🌟
- **User Authentication:** Secure user authentication and authorization using NextAuth, allowing users to manage their profiles and bookings.
- **Detailed Property Views:** Comprehensive property pages with detailed information and photos to aid in decision-making.
- **Property Listings:** Users can browse and search for properties with advanced filtering options to enhance their booking experience.
- **Property Management:** Owners can list and manage their properties, view trip history, and track favorites and reservations.
- **CI/CD Pipeline:** Streamlined build and deployment process with DockerHub integration, reducing deployment time and improving efficiency.
## Screenshots 📸
## Deployment 🚀
You can access the live version of Airbnb Clone here: [Live Demo](https://cloudhavenstays-airbnb-clone.vercel.app/)
To run this project, you will need to add the following environment variables to your .env.local file (a template has been provided as .env.example)
You will need to obtain credentials from the respective services:
- **MongoDB:** Sign in at at [MongoDB](https://www.mongodb.com/) and create a MongoDB cluster to get your `DATABASE_URL`.
- **Cloudinary:** Sign in at [Cloudinary](https://cloudinary.com/) to get your `NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME`, `CLOUDINARY_API_KEY` and `CLOUDINARY_API_SECRET`.
Add the following env variables with their values to your `.env.local` file:
`DATABASE_URL` `NEXTAUTH_SECRET`
`GITHUB_ID` `GITHUB_SECRET`
`GOOGLE_CLIENT_ID` `GOOGLE_CLIENT_SECRET`
`NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME` `CLOUDINARY_API_KEY` `CLOUDINARY_API_SECRET`
## Installation 🔧
**Via Docker**
**1.** Git Clone the Repository
**2.** Navigate to the directory where the repository was downloaded
**3.** Set up the [Environment Variables](#environment-setup)
**4.** Build the Docker Image
```
docker build -t airbnb-clone-image .
```
**5.** Run the Docker Container
```
docker run -d --name airbnb-clone-container -p 3000:3000 airbnb-clone-image
```
**6.** Open your application via port - http://localhost:3000
##
**Local Installation**
**1.** Git Clone the Repository
**2.** Navigate to the directory where the repository was downloaded
**3.** Set up the [Environment Variables](#environment-setup)
**4.** Install the Dependencies
```
npm install
```
**5.** Start the application in development mode
```
npm run dev
```
**6.** Open your application via port - http://localhost:3000
## Authors ✍️
- [Akash](https://github.com/Akash-m-SE)
## Tech Stack 💻
**Language:** TypeScript
**Frontend:** Next.js, TailwindCSS, React Hook Form, Zustand
**Backend:** Node.js
**Authentication:** NextAuth
**Database:** MongoDb, Prisma
**Cloud Storage:** Cloudinary
**Containerization:** Docker
**CI/CD:** GitHub Actions