How To Build A Tinder Clone With No-Code Using Bubble (2024 Flexbox)

Поделиться
HTML-код
  • Опубликовано: 10 янв 2025

Комментарии • 75

  • @hnnhml
    @hnnhml Год назад +6

    This is soooo helpful and to the point, thank you so much!

  • @Officialchens
    @Officialchens Год назад +3

    Hi first of all thanks for your tutorial. It is very helpful! Learned a lot from it and going to purchase. I have 1 tip to give you and that is to show us some previews in between after adding something so we can visually see what you did. It would be very helpful to do some checkpoint and show us some previews of what you did. Thanks!

    • @BuildingWithBubble
      @BuildingWithBubble  Год назад +1

      Glad it could help!
      And great suggestion, I'll be sure to include these throughout any future tutorials 🙌

  • @vincentchin88
    @vincentchin88 2 года назад +1

    I thoroughly enjoyed your tutorial. I watched it over a span of few days.

  • @thatpsychologyguy
    @thatpsychologyguy 2 года назад +6

    I came. I saw. I subscribed. But Dude, can you build a playlist where in a learning track is laid out for us?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад +3

      That's a great idea! Happy to compile this together 👍

  • @mireyapolitron7880
    @mireyapolitron7880 Год назад +1

    Hello, great video! I actually purchased the full course but do you know how I could reset a limited amount of users shown or likes given by day? I have a limit but I haven’t been able to forgive out how to display another set of user after a day passes

    • @BuildingWithBubble
      @BuildingWithBubble  Год назад

      Good question. Happy to help. You could create a data field under your user data type called something like 'daily limit' and set this field type to be a number. You can even set a default value of this to be 100.
      Then, each time a user swipes on a user, you could add an additional step within the workflow to increase the count of their daily limit by '1'. So this would be 'the current users daily limit +1'.
      Then if you'd like this limit to reset every day, you could use what's known as a backend workflow to reset the 'daily' limit for every user at midnight. Backend workflows are a slightly advanced feature, but it'll help you create the experience you're looking for.
      Hope this helps point you in the right direction!

  • @vey134
    @vey134 2 года назад +1

    Added to the watchlist.

  • @Fernandogordilloramos
    @Fernandogordilloramos 2 года назад +3

    I understand that managing large lists within a field becomes a nightmare if they exceed more than 100 records. If a user who chooses several users that he likes a day, say 20, in a matter of a few weeks he would easily exceed 1000. Then the question arises. The only way to filter users is with a list?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад +1

      If you really wanted, you could create a dedicated data type for any entry that might form a long list.
      For example, you could create a dedicated 'like' data type. Within this, you can add a series of data fields to determine who the liked user is (the current Tinder pile's user), as well as who the person is that liked this person (the creator of the event).
      Then, you could perform a search through the likes where the creator = the current user, and the liked user = the Tinder pile's current user.
      Hope this helps 👍

  • @hammedakindunbi
    @hammedakindunbi 2 года назад

    Thanks, thanks, thanks. You make bubble easy to learn.

  • @abhijeetdoshi332
    @abhijeetdoshi332 2 года назад +1

    Thanks for the awesome tutorial!!

  • @hubapptechnologies5708
    @hubapptechnologies5708 Год назад

    Hi mate, thank you for your video and tutorial.
    I am wondering to ask you how to set up geolocation-based as parameter to identify users close by and match them.
    I need to create a match based on users geolocation.
    I look forward to hearing from you.
    Thank you in advance.

    • @BuildingWithBubble
      @BuildingWithBubble  Год назад

      Happy to help where I can. Did you get a chance to watch this full video?
      When I build the home page, I add a geolocation filter on the data source for the Tinder pile element. This ensures that users are only shown user within a proximity someone sets.

  • @mattball7074
    @mattball7074 7 месяцев назад

    Thanks a lot for this. Are there future courses/steps available? i couldn't find it on your site I dont think.
    My goal is to have a sort of foundation that I can then hire people to play with for my own customized company. As I went over the steps I added my own thing in some places haha
    Thanks again

    • @BuildingWithBubble
      @BuildingWithBubble  7 месяцев назад

      You can get access to the full version of this course through the link in the description of this video 👍

  • @offline3233
    @offline3233 Месяц назад

    Hi I love your video very helpful. Is this available for purchase I am interested in getting this app and rebranding it. Thanks

    • @BuildingWithBubble
      @BuildingWithBubble  Месяц назад

      Hi there, glad to hear you found this helpful 🙏
      You can purchase a fully functioning template of Tinder app and rebrand it. I do have it on my website, find it here: buildingwithbubble.com/templates/

  • @danielgandara5719
    @danielgandara5719 2 года назад

    Amazing man!

  • @viniciusnoyoutube
    @viniciusnoyoutube 2 года назад

    Excellent tutorial!

  • @mattball7074
    @mattball7074 5 месяцев назад

    Sorry, another question--Does bubble allow such an app to search based upon scores? So I am interested in having a function where scores on a personality test searches for similar scores when it searches for potential matches. I imagine it would be like on Extraversion dimension, search for scores with 10 points from the Current User's score; same goes for Openness and Neuroticism and so on... this can be done?

  • @theaetelier7846
    @theaetelier7846 Год назад

    Very cool! Do you think it would be possible to make 3 modes like in Bumble? (Dating, friends, and business)

  • @ndhoaaa
    @ndhoaaa Месяц назад

    bro where is "builiding a navigation part" I couldn't find it can you teach me pleaseee

    • @BuildingWithBubble
      @BuildingWithBubble  Месяц назад

      You can get access to the full course through the link in the description 👌

  • @roneilboodie6735
    @roneilboodie6735 9 месяцев назад

    Love the tutorial. Just have issues with the users show up on the home page!

    • @BuildingWithBubble
      @BuildingWithBubble  9 месяцев назад

      Glad it could help!
      And I'm under the impression the issue might be caused by a default privacy setting that Bubble recently added to the user data type.
      If you watch from the 9:35 mark of this video (ruclips.net/video/sTdJ1SZYIgs/видео.html), it'll explain how to remove this privacy setting.
      Hope this helps!

    • @roneilboodie6735
      @roneilboodie6735 9 месяцев назад

      @@BuildingWithBubble others told me it was that issue but I removed the privacy rules on the user data type and it is still not displaying data of the other users

    • @BuildingWithBubble
      @BuildingWithBubble  9 месяцев назад +1

      ​@@roneilboodie6735 The only other thing you'll need to keep in mind is all of the constraints under the data source of the swipe pile.
      If you're filtering users by their sexual preferences, age, gender, and location, you'll need to make sure that there are in fact users in your app that meet all of a persons preferences.
      If there isn't, no users will be displayed.

    • @roneilboodie6735
      @roneilboodie6735 9 месяцев назад

      @@BuildingWithBubble this makes sense. I am creating a landing page to register test users so I can have those details and see if it’ll populate with the given constraints I have currently

    • @roneilboodie6735
      @roneilboodie6735 9 месяцев назад

      @@BuildingWithBubble Reviewed and removed my location constraint but still no users being shown. Sorry for the back and forth

  • @GeofferyNnalue
    @GeofferyNnalue 2 года назад

    Hi, trust you are good, is your video course(tinder clone) in line with the new flexbox engine?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад

      Yes, this full course is built entirely using the updated Flexbox engine ✌

  • @toungewithgills1
    @toungewithgills1 Год назад

    Thank you for the tutorials. I am intrested in making a adult friend finder clone website.

    • @BuildingWithBubble
      @BuildingWithBubble  Год назад

      Glad they could help! The possibilities in Bubble are endless.

  • @gauthammr3171
    @gauthammr3171 2 года назад +1

    Can we publish it after creating it?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад +1

      Yes, publishing an application is a relatively straightforward process. I'd recommend checking out this great tutorial from Bubble that walks through the steps involved: ruclips.net/video/1FkN8jxRyNg/видео.html
      Hope this helps!

  • @miszerrr300
    @miszerrr300 2 года назад

    nice, thanks for film but how to create register page ?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад

      Hey, I cover this within the full course. You can get access to this through the link in the description 👍

  • @pemakhunjuju2406
    @pemakhunjuju2406 2 года назад

    can you help me with, how to add a pile of demo user decks, cause when I do it its just blank

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад +1

      Happy to help. When I preview the home page of the app, I personally like to remove some of the constraints within the data source. Things like the location constraint will obviously limit which users are displayed.
      Try and remove these constraints, run another preview of your app, then see if your demo accounts are displayed.

    • @pemakhunjuju2406
      @pemakhunjuju2406 2 года назад

      @@BuildingWithBubble appreciate on it, as I might have not come out clear, how to add multiple demo users' profile

    • @pemakhunjuju2406
      @pemakhunjuju2406 2 года назад

      ll be waiting ;)

  • @macchese12
    @macchese12 9 месяцев назад

    is this feasible with the free plan as well?

    • @BuildingWithBubble
      @BuildingWithBubble  9 месяцев назад

      Yes, you can build this using Bubble's free plan 👌

  • @CGRealStudios
    @CGRealStudios Год назад

    Can this be published on Android store and IOS store?

    • @BuildingWithBubble
      @BuildingWithBubble  Год назад

      Great question! Yes, you can publish apps built with Bubble to both app stores

  • @solan5331
    @solan5331 2 года назад

    Hi. How can I contact you for business purpose?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад

      Feel free to shoot me an email at lachlan@buildingwithbubble.com ✌

  • @eseabeke6210
    @eseabeke6210 2 года назад

    Hey, tried purchasing your course but my card got declined. Can people from Nigeria buy your course through debit cards?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад

      Hey Ese, I'm under the impression you shouldn't have any issues buying it within Nigeria. Feel free to shoot me an email at lachlan@buildingwithbubble.com and I'd be happy to help 👍

    • @hammedakindunbi
      @hammedakindunbi 2 года назад

      Are you able to buy this course from Nigeria?

  • @leonardiux345
    @leonardiux345 2 года назад

    Nice 👍

  • @robbuc8000
    @robbuc8000 2 года назад

    Hi, do you sell the Clone?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад +1

      Hey Rob, unfortunately I don't sell templates. I found that templates can often add more confusion into the picture. Learning how to build and manage an app from the ground up is the fastest way to build and iterate on the product.

  • @Superfacilito
    @Superfacilito 2 года назад

    Duolingo clone? Please!

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад +1

      Happy to add this one to my list 👍
      Are there any specific features you'd like to see?

    • @Superfacilito
      @Superfacilito 2 года назад

      @@BuildingWithBubble gamification system

  • @abeldesalegn5432
    @abeldesalegn5432 Год назад

    iloveyouuuu..

  • @tohyuliang503
    @tohyuliang503 2 года назад

    Hi! Thanks for the awesome tutorial. Is easy to follow. by the way is there any way to contact you if we have further questions or enquiry regarding this tutorial?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад +1

      Glad it could help! Feel free to reach me at lachlan@buildingwithbubble.com ✌

    • @tohyuliang503
      @tohyuliang503 2 года назад

      Hi, I have sent in a contact me forms on your website. May I check did u receive it?

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад

      @@tohyuliang503 Just responded ✌

    • @Moonlight-dg9wq
      @Moonlight-dg9wq 2 года назад

      How do I add other users cause I only see my profile in a tinderpile after i have filtered myself my tinderpile is now empty

    • @BuildingWithBubble
      @BuildingWithBubble  2 года назад

      @@Moonlight-dg9wq Hey, you'll just need to make sure you have a user in your app that matches all of the desired settings from a persons profile (e.g. their location is within a certain distance, they're between a certain age range, etc).
      It could also be worth double-checking to make sure your user data type doesn't have a privacy setting added to it by default.
      Hope this helps!