This website is inspired by Airbnb and has been created solely for educational purposes. I hope you find something valuable to study in my project ❤️. If you have any questions or need assistance, please feel free to ask. Good luck with your learning journey!
Running follow these simple example steps below
- yarn
npm i yarn -g
- Clone the repo
git clone https://github.com/ngoc2003/airbnb-clone.git
- Create
.env
file in main path - Copy your env values like
.env.example
file - Install packages
yarn install
- Set up prisma
npx prisma db push
- Run project
yarn dev
- Open website in http://localhost:3000/
If you add a new schema to the database or modifiy any fields in database, you must run this code below before rerunning the project.
npx prisma db push
- Multi-language Support
- English
- Vietnamese
- Japanese
- Rich text editor
- Infinity scroll page
- Tailwind design, animations and effects
- Responsive for all devices
- 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 by category, date range, map location, number of guests, rooms and bathrooms
- Favorites system
- Shareable URL filters by categories
- Review system
- Rich text editor
- Infinity scroll data
Tools | Versions |
---|---|
yarn | 1.22.19 |
See full packages at Package.json
If you have a suggestion that would make this better, please fork the repo and create a pull request. Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Bui Ngoc - Facebook