🔴 Build an Airbnb clone App with Bravo Studio and Xano.

WATCH PART 1 ➡️    • Build an App Similar to Airbnb with Bravo ...  

How to build an Airbnb clone app? Here you will find the step-by-step tutorial for you to build your own version of a rental marketplace app like Airbnb.

Building an Airbnb app in just 3 days, and without writing a single line of code, is possible. We have partnered up with Xano, a no-code backend development platform, to show you how. Xano is a perfect tool to connect with Bravo Studio, along with Figma, which acts as the frontend.

This video is part 2 of the series “Building an Airbnb Clone with Xano and Bravo”. Follow along as Michael, customer success lead at Xano, explains step-by-step how to structure your backend in Xano, how to bind all the data to the frontend, and preview your Airbnb app using Bravo Vision.

If you want to watch the first part, where Christina, product designer at Bravo Studio, designs the UI and bravorizes our rental marketplace, go to Xano’s channel    • Build an App Similar to Airbnb with Bravo ...  

Showcasing Bravo Buddy philosophy, that when different profiles from the no-code space partner up, their skill set multiply and therefore can build beautiful and complex functional apps. At the end of this video you will be able to build a pixel perfect and fully functional app.

From building a login, signup page, creating a home page with a search function, displaying a list of relevant search results, booking a reservation & creating user profiles - this tutorial covers everything you need to build your rental market app that can be published in Android and iOS app stores, no code required.

*Notice*
In this video, a deprecated method was used to set up the user authentication with Xano. We've released a Custom Login feature after that, which allows to implement the authentication flow in a more robust and secure way. You can read here ([https://docs.bravostudio.app/integrat... the documentation on how to configure it.

Vist Xano - The Fastest No Code Backend Dev Platform
https://go.xano.co/3ErHQje

Xano’s Twitter
  / nocodebackend  

Subscribe to Xano's YouTube
   / nocodebackend  



Subscribe for NEW VIDEOS!

What is Bravo Studio? the fastest App building platform that turns your designs into native mobile apps. Design freedom. No code.

Turn your designs into native apps:

https://www.bravostudio.app

Bravo’s Instagram account:

  / bravostudioapps  

Twitter account:

  / bravostudioapp  

Timestamps

00:00:00 Structuring your backend in Xano
00:00:32 Create your workspace in Xano
00:01:32 Set up your Database and API
00:02:00 Setup the Listings page
00:02:52 Adding Weather API
00:22:42 Return back the listing information to the API
00:23:56 Reservations
00:25:40 Calculate the duration of the stay
00:27:09 Calculate the total cost of the stay
00:32:00 Setting up the trip selection page
00:36:53 Sorting the reservations based on the proximity of the date
00:42:56 Frontend and Backend data binding
00:44:10 Setting up the Data Collection
00:45:16 Login Request
00:46:30 add card: variables
00:48:56 Login Data Binding
00:53:03 Sign up page request
00:56:34 Bind the Sign up page data
00:57:34 Test the login page in Bravo Vision
00:58:30 Listing page request and data binding
01:03:10 Test the listing page in Bravo Vision
01:10:00 Property detail page
01:13:19 Reservation Form page request and binding
01:23:02 Test Reservation page in Bravo Vision
01:28:53 My reservations page request and binding
01:34:00 Test My Reservations page in Bravo Vision
01:35:09 Search page request and binding
01:50:40 Profile page information request
01:53:00 Test Airbnb clone in Bravo Vision
01:56:52 Outro