Templates
Template Setup Guides

HomeBNB - Rentals like AirBNB Template

Template page link: https://zeroqode.com/template/homebnb---rentals-like-airbnb-template-1528802772019x814394449850531800

Introduction

HomeBNB is a no-code app template for accommodation rentals, resembling Airbnb in functionality and visual style. It has all the major features of the original website, including apartment listings, messaging, credit card payments and much more. Have real estate, venues, or something else to build a marketplace for? Use this no-code app template to build just the 2 sided platform you need to connect users.

Features

  • Apartment listings

  • Search functionality

  • Responsive design

  • Landing Page

  • Payment system

  • Internal messaging

  • Listing booking

Payments: See the documentation on how to set Stripe Payments in Bubble App.

Data Structures

User

The User type on this platform contains fields like User listing (takes a value of the List of Listings), User reviews, Location, new message? (takes a value of either yes or no), and ID, the Conversation list (takes a List of Conversation) and so on.

Conversation

Users can exchange messages on this template and this data type holds the Message list (takes a List of Messages as value) and the associated Recipient(User).

Listing

Every listing on the platform has details about them. These details are held in the fields of the Listing data type and they include; # of guests ( takes a number value), Description, ID, Location, photo, photolist, Pool, Price, Rating, Room type, Reservation (takes a List of Reservations), Unavailable dates ( also takes a list of dates as value) and so on.

Messages

This data type has only one field that is the Message body that takes a text as value.

Reservation

All the information required for renting from the listings on this platform are housed in this data type and they include; # of guests (takes a number as value), Check-in date (takes date as value), Check-out date, associated Listing, Owner, Range ( takes a date range), Rented by and the Room ID.

Review

Users can always rate and review listings and this information is held in this data type. Review has fields that include Listing ID, Rating, Review body and Review rating.

This data type contains fields like the number of guests (# of guests), Check-in date, Check-out date and the Location of the property.

Pages

index

The landing page of this template provides quick wide search option for available listings using keywords, also features some locations to explore from and a call to action on account creation and user login if there is an existing account.

Custom States

This page has no custom states.

new_rooms

This page provides a form for adding a new property and defining all its specifications.

Custom States

States

Elements

Notes

Value

Checkbox Wifi/Internet, Checkbox AC/heating, Checkbox Television, Checkbox Pool

This state uses its value of yes or no to determine when is checkbox is marked or otherwise

room_2

When a particular apartment is selected from available listings, this page is viewed showing all the details about that particular listing. The user can also send a message to the host, set Check-in and Check-out dates and make payment using the Stripe payment gateway.

Custom States

This page has no custom states.

settings

The settings page is simple and shows the Credit card on file if any, Support ID, account creation date and time. In addition to this, there are options to edit card on file, connecting Stripe account and Deleting the account.

Custom States

This page has no custom states.

sm

This page is strictly optimized for smaller screens and it displays available listings from a featured location. It has no custom states.

trips

This page populates a list of trips a user has taken if any and prompts the user with the option to make a trip when there are none. It has no custom states.

welcome

On successful creation of an account with this platform, the user is prompted with a welcome page. This page is a simple form that take additional information about the user before they complete their registration and join the platform. The Welcome page has no custom states.

inbox

This page simply displays messages if any and it has no custom states.

room

This page is similar to the Page room_2 and it also has no custom states.

s

This page is similar to the page sm but it is designed to suit large screen devices.

signup

Signup page contains a simple form to take the basic email and password inputs and it no custom state is used on the page.

success

A simple page with static text content to notify the user on successful booking.

users

The page users displays listings with its associated user (host) and reviews.

dashboard

This admin dashboard that is used in making changes to the database. In the dashboard, you can edit and delete users, listings. Go to view page of the user or listing

Specific Reference

Payments

To setup your stripe account, go to stripe.com, create an account. You will be allowed to access your dashboard once you have successfully verified your email address and activated your account.

Click on Developers and then, API keys. copy your API keys. Ensure to use a live API key when your template goes live

Paste the API keys in the stripe connector calling the plugin.

Things to note

Admin dashboard

The page uses a security measure to prevent deletion or editing features in demo preview.

Security measure which prevents editing/deleting

In order to remove the measure you'll need to change the field Admin to Yes, in the user datatype under App Data tab in Database for the user who will be able to edit/delete to enable the features.

Database field which needs to be changed

Demo to preview the template