Build A Home Rental Marketplace App From Scratch (Step by Step Tutorial)

► Exclusive NoCode Content, Tutorials & Support: / jamesnocode
► Comprehensive FlutterFlow Training & Private Community: masteringflutterflow.com
► Comprehensive Supabase Training & Private Community: masteringsupabase.com
In this video, you'll build a complete app, beginning with an understanding of its architecture and progressing towards more complex features. You'll learn how to setup Firestore DB, explore powerful features like search functionality, date selection, and map view. Moreover, you'll also learn to troubleshoot and fix common issues while developing advanced functions, such as implementing filters and creating the booking flow. At the end, you'll also have an opportunity to clone the app, which you can use as a starting point for building similar apps.
00:00 Intro
01:31 Section 1 - Architecture
09:23 Key Tips and Suggestions
13:11 Internalizing Potential Challenges
15:24 The Concept of Document Model
18:56 Section 2 - Installation of Firestore DB
26:05 Constructing The FlutterFlow Application
32:34 Database Schema Creation
34:25 Creating Test Users
35:09 Exploring the Profile Page
37:05 Navigation Bar Examination
44:04 Section 3 - Incorporating Search Capabilities
44:35 Applying Autocomplete
46:54 Filtering Autocomplete Data
49:17 Enhancing Search Functionality
57:22 Section 4 - Date Selection Implementation
1:03:45 Introducing Sliding Calendar
1:07:25 Section 5 - Calendar Component Configuration
1:08:27 Associating Calendar Component with Main Page
1:21:48 Section 6 - People Filter Implementation
1:24:18 Resolving Counter Problem
1:29:34 Applying Maximum People Filter
1:32:07 Section 7 - Walkthrough of Booking Process
1:34:49 Showcasing Amenities
1:38:45 Transition to Detail View
1:46:11 Confirmation Page Overview
1:53:06 Section 8 - Applying Date Filters
2:10:03 Section 9 - Overview of Favorites
2:21:41 Section 10 - Examination of Trips Feature
2:27:54 Addition of Review Button
2:29:56 Section 11 - Review Functionality
2:34:13 Introduction to Review Component
2:38:03 Displaying Review Data on Detail Page
2:40:26 Section 12 - Observing Maps View
2:43:49 Activation of Google Maps APIs
2:47:20 Concluding Thoughts
2:47:33 Clone this App
2:48:24 Final Words

[@jamesnocode]

👍VIEW/CLONE THIS APP (and all my NoCode apps), get access to live streams, Q&As and an exclusive behind the scenes content, in-depth masterclasses and support my work: www.patreon.com/jamesnocode 👍GET MY NEW TRAINING - MASTERING FLUTTERFLOW: masteringflutterflow.com

[@jcrafa1]

Hi I'm your fan, I don't understand English, but I love your videos, I can look through KZbin with subtitles, I would like to know if the paid course also has subtitles in Spanish or Portuguese

[@johnwathiru6845]

what's your email....can we do business??

[@vendajuntos]

Do you help us building it Mktplace by Patreon or by mastering Flutterflow?

[@thelabarchitect]

Great job on this tutorial! Each tutorial just keeps getting better and better. Thank you so much! It is very appreciated 👍

[@cdrdan]

With each new video you put out, I'm learning more and more. This video is awesome. Thanks for the incredible effort you put into each of these. Please tell me you have a staff of 100, otherwise I'm going to feel like I something's wrong with my work output. haha.

[@Dreysimmons]

I'm Liking this video before I even start watching it, because I know you always deliver great content and tips and tricks!!! 💯💯

[@koen.mortier_fitchen]

I'm impressed. Very content dense vid. Great quality

[@biggestgamelibrary4025]

Thanks a lot! for making this entire mini course available for free on KZbin!!. I have one question with respect to the data model, which is that why do we have only one collection for users? why are we not using two collections one for landlords (owners) and the other for tenants?

[@joshgaskin]

Hey James, Thanks so much for all of the great content, I subscribed to your Patreon this week 🙂 I've taken a look at both the car sharing and airbnb app but they both seem to miss a critical piece. How do users create documents from their account? and of course have their uid attached to them. The methods I've seen you follow are great if the admin are creating listings but not your users. It would be great to see how to do this in a future video

[@Dreysimmons]

Great video as i expected and as always. I was really looking forward to how you were gonna implement the chat feature though😩😢 But all in all, great video!

[@DougiFire]

Thank you for this video and tutorial. Could you create a video on how to implement a form in the app for users to add their properties? Thanks again.

[@user-id3bg2ls6y]

Thank you very much!!!

[@milliyonlakew1604]

thank you so much for providing this informative lessons.! It is very much appreciated

[@milliyonlakew1604]

Thank James, from time 2:00 untill 2:02 the way you correct the 16 error messages is extremly fast, and I could not follow the steps. So I am stucked in the middle. :-( 🙃would you please kindly explain slowly only the error corrections at the specified time span🙏🙏🙏🙏. Hopefully I get an answer. anyway I thank you so much for providing this informative lessons.! It is very much appreciated

[@DChristop]

Very good work!!! Can this app sychronized with airbnb or booking?

[@itsmemario1514]

Thank you so much

[@stevenyliu]

I've noticed the guest filter doesn't work well in conjunction with the search function. E.g. (1) if you search first based on location and then apply the guest filter, the guest filter does nothing. (2) if you apply guest filter first and then search it work's once. Once you try to do another search with no change in guest number, the search does not work. What do you recommend to be the solution to solve this?

[@user-os1gw7ui7w]

Hello James great work. i did all the steps in this video but when i search for new home the one that has already been booked appear again in the list. Instead of simple search i used Algolia.Please what is the problem?

[@eduluizfilho99]

great job! if you allow me, I leave a video suggestion. How the owner registers - feeds the marketplace - through a webapp created in Flutterflow? There is no video on KZbin about it!

[@VictorHernandez-nz2rs]

Exactly!!! How do we feed this app? I’m guessing there has to be a second admin app right?

[@cyriellegeralda3935]

Im also searching for that

[@devanii]

is it possible to use an existing mysql dataabse instead of firebase?

[@allmedia2021]

What program is used to wireframe the app at the beginning of the video?

[@random-yz6lk]

Hi! What nocode platform would you recommend to make a web version of FF mobile App? I'm still not convinced by FF web performance. As for a rental marketplace kind of service, I think a fast and SEO friendly 'companion' webapp is essential to the service.

[@Futebol_atual]

Hi, Any discount code for your Mastering Flutterflow Course? Thank You

[@nvaeili]

I have tried this buy my defaultList only shows 7 listings. I have 20 listings in my firebase database, what can I do?

[@andizul3029]

Thank you

[@gmostafaali]

It's a great tutorial

[@inzimamali]

It's hard for me and i don't know maybe for others as well to get the backend concepts like quieries, fields and navigating pages firebase stuff , can you please make a explanatory video especially about the backed quieries and actiions in a really beginner way . That would be awesome . Tnkx You :)

[@wanhuzaifah2941]

How to add payment gateway for visa and mastercard?

[@milliyonlakew1604]

from time 2:00 untill 2:02 the way you correct the 16 error messages is extremly fast, and I could not follow the steps. So I am stucked in the middle. :-( 🙃would you please kindly explain slowly only the error corrections at the specified time span🙏🙏🙏🙏. Hopefully I get an answer. anyway I thank you so much for providing this informative lessons.! It is very much appreciated

[@user-vj1qg1sx9u]

same, i lost time and its not this way i ll buy his personal class. I see result and then i buy. For moment its not first time i see missing step so no trust for buying.

[@PinasPiliNa999]

How about changing the Database to Supabase instead of Firebase ?

[@tashfinbashar1943]

Can you post a video of same app using xano or supabase?

[@AlfaRomeoFox]

It will be awesome if instead of chatgpt you use the AI, FF interphase to make the function.

[@kayzchronicupturn1015]

Hi your teachings are great, thanks!!! you could create a clone of medium, it's an app for blogs and articles, it would be great.

[@PA-ez1zn]

this is an awesome tutorial! I have a question - what platform are you using for app architecture (appears in Section 1) ?

[@thelabarchitect]

He is using whimsical.

[@bnconstruction9274]

Can you build the app for me and how much

[@MrStorm1234567890]

Hi James, I subscribed but can't find where I can clone the rental marketplace flutter flow? ...

[@jamesnocode]

Hey bro, all the apps are on Patreon. Should be a couple of posts back.

[@user-vj1qg1sx9u]

Hey mrStorm, can you contact me to know how you configure from booking documents to place documents? i struggle. Ths course is not compleate in order to finish it so no way i buy a class that doesnt show a result

[@itme2226]

Would like you to build a taxi app step by step

[@user-n3mb6xW48]

ebay clone part 2 please

[@joshau2346]

between 2:01:38 - 2:01:40 what did u edit to solve the 7 bugs? the "String property not properly set in..." bug

[@krislercanlas9800]

yeah didn't also catch how to sort those bugs, he did skip it multiple times lol, by any chance have you found the solution for that?

[@TheF1Corner23]

@@krislercanlas9800 any chance you got the answer? not sure why he skipped the steps @jamesnocode

[@krislercanlas9800]

Hi @@TheF1Corner23 yeah so since he change the query on the top list you need to update the images source, title, prices on the second list so that the value source is places documents not booking documents.

[@darbio12345]

@@krislercanlas9800hey man I tried but it’s not working for me, mind giving me any of your socials to send you a video? I would appreciate 5 minutes of your time to sort this out

[@janoesterhuizen6687]

​@@darbio12345 Have you found any solutions to this yet?

[@itsmemario1514]

At 2:01:46 how do I fix this problem properly you don’t show that 😢 pls help it’s much appreciated

[@TheF1Corner23]

bro ive paused this project for 3 weeks now and every couple days I try to solve it, did u know what to do?

[@janoesterhuizen6687]

​@@TheF1Corner23 could you resolve those bugs?

[@agnostimous2859]

Please an Uber Like app…

[@user-vj1qg1sx9u]

DONT DO THIS TUTORIAL. ON PURPOSE THERE IS MISSING PART FOR YOU TO PAY !!! GO ON OTHER CHANNEL A LOST A TIME HERE. STRUGGLE AT 2HOURS ... MISSING PART FOR ALL CHANGED PROPERTIES TO COMPARE CALENDAR & BOOKINGS

[@JohannesWong]

@jamesnocode what happened at 28:20? It skipped a whole step and I got lost.

[@JohannesWong]

I don't know how to toggle between SignIn and SignUp in app. When I try to run project I get an error "Boolean property not properly set in SignIn"

[@JohannesWong]

please help, I can't really continue the rest of tutorial without figuring how to create an account

[@icydemon9749]

@@JohannesWong toggle button only works on firebase. This will not work on supabase or other one.

[@mirkoheimburger3026]

Yep, this confused me as well at first. He basically deleted the login template again, only to load another one (it is called "Auth 3" in the template catalog I think).