https://github.com/akashkumarram/airbnb
Explore our Full Stack Airbnb clone! Built with TypeScript, Tailwind CSS, Shadcn UI, NextJS, and Supabase. Enjoy easy sign-in, Google/GitHub logins, and precise hotel searches. Filter by categories, list your hotels, and manage them via the admin dashboard. Begin your travel adventure now!
https://github.com/akashkumarram/airbnb
nextjs14 reactjs shadcn-ui supabase tailwindcss typescript
Last synced: 2 months ago
JSON representation
Explore our Full Stack Airbnb clone! Built with TypeScript, Tailwind CSS, Shadcn UI, NextJS, and Supabase. Enjoy easy sign-in, Google/GitHub logins, and precise hotel searches. Filter by categories, list your hotels, and manage them via the admin dashboard. Begin your travel adventure now!
- Host: GitHub
- URL: https://github.com/akashkumarram/airbnb
- Owner: AkashKumarRam
- Created: 2024-04-13T09:01:58.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-04-15T10:14:21.000Z (about 2 years ago)
- Last Synced: 2025-05-05T03:16:10.483Z (about 1 year ago)
- Topics: nextjs14, reactjs, shadcn-ui, supabase, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://airbnb-nine-puce.vercel.app
- Size: 609 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hi, I'm Akash Kumar Ram! 👋
Welcome to my GitHub! I'm a **Frontend Developer** skilled in **JavaScript**, **TypeScript**, **Tailwind CSS**, **ReactJS**, **Next.js**, **Docker**, and **System Design**. Let's build innovative web solutions together!
## 🚀 About Me
As a skilled **Frontend Developer**, I specialize in **JavaScript**, **TypeScript**, **Tailwind CSS**, **ReactJS**, **Next.js**, **Docker**, and **System Design**. With a passion for crafting intuitive user experiences and a keen eye for detail, I bring innovative solutions to the forefront of web development. Let's collaborate to bring your projects to life!
## 🔗 Links
[](https://github.com/AkashKumarRam)
[](https://www.linkedin.com/in/akash-kumar-ram-b02387252)
# Airbnb | Holiday rentals, cabins, beach houses & more
Explore our **Full Stack Airbnb clone!** Utilizing **TypeScript**, **Tailwind CSS**, **Shadcn UI**, **NextJS**, and **Supabase**, enjoy easy sign-in, Google/GitHub logins, and precise hotel searches by country and date range. Filter by categories, list your hotels, and effortlessly manage them via the admin dashboard. Begin your travel adventure now!
## Screenshots
## Demo
https://airbnb-nine-puce.vercel.app
## Features
- **Seamless Authentication:** Sign in and out effortlessly, and elevate your experience with Google and GitHub social logins.
- **Efficient Search:** Explore accommodations worldwide by country and effortlessly select your desired date range for a perfect stay.
- **Tailored Filtering:** Customize your search with filter options by categories, ensuring you find the ideal stay that suits your preferences.
- **Personalized Listings:** Create your own listing and showcase your unique accommodations to the world. Our intuitive admin dashboard allows you to manage and track your listings with ease, offering flexibility to delete or modify as needed.
## Tech Stack
**Client:** TypeScript , Tailwind CSS , Shadcn UI , NextJS
**Server:** Supabase
## Installation
Install my-project with npm
```bash
git clone
cd airbnb
npm install
```
## Environment Variables
To run this project, you will need to add the following environment variables to your **.env.local** file
`NEXT_PUBLIC_SUPABASE_URL`
`NEXT_PUBLIC_SUPABASE_ANON_KEY`
`NEXT_PUBLIC_S3_BUCKET`
## Run Locally
Clone the project
```bash
git clone https://github.com/AkashKumarRam/Airbnb.git
```
Go to the project directory
```bash
cd airbnb
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run dev
```
## Deployment
To deploy this project run
```bash
npm run build
```
## 🛠 Skills
- JavaScript ⚡️
- TypeScript 📘
- Tailwind CSS 💻
- ReactJS ⚛️
- Next.js 🚀
- Docker 🐳
- System Design ⚙️
## Feedback
If you have any feedback, please reach out to us at [LinkedIn](https://www.linkedin.com/in/akash-kumar-ram-b02387252)
## FAQ
#### What if I don't run this project?
Connect with me on [LinkedIn](https://www.linkedin.com/in/akash-kumar-ram-b02387252)
## Support
For support, Dm me on [LinkedIn](https://www.linkedin.com/in/akash-kumar-ram-b02387252)
## Lessons Learned
**Complex Form Implementation:** Learned to streamline complex hotel listing forms using **React Hook Form**. Enhanced user experience with dynamic features like date pickers and image uploads.
**Supabase Backend Mastery:** Mastered Supabase for rapid backend setup and management, **authentication** and social logins, Leveraged real-time capabilities for seamless **data synchronization**, ensuring responsive user interactions.
## Related
Here are some related projects
[MoonFlix - Watch TV Shows Online, Watch Movies Online.](https://moonflix-iota.vercel.app)
## Authors
- [@Akash Kumar Ram](https://github.com/AkashKumarRam)