Build A Fully Functional TINDER APP with FLUTTERFLOW and NoCode!

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024
  • View/Clone this app (and my previous apps):
    / jamesnocode
    Signup for FlutterFlow (Best NoCode Builder) go.jamesnocode...
    👊 subscribe to channel: bit.ly/3c0q4XT
    Watch more NoCode training videos 👇👇👇 (scroll down)
    👍 FlutterFlow training:
    • FlutterFlow Overview a...
    👍 bubble.io training:
    • Introduction To Bubble...
    👍 appgyver training:
    • AppGyver
    👍 thunkable training:
    • Thunkable
    👍 adalo training:
    • Adalo Tutorial for Beg...
    👍 apify training:
    • Apify
    👍 glideapps training:
    • Glide
    Thank you to all the Patrons!
    Ray Smith
    Rodrigo Barbosa Pinto
    hassan shaik
    Nova Crypto
    Chaim Bechor
    Clark Dennis
    수경 고
    treeski
    SL
    Thiti Pumpanwong
    Renato Warner
    Edwardo Mcfarland
    Juan Lindsey
    Fernando Torres
    Colin Richardson
    XBet Edge
    nathan onimiya
    Martin Eidensten
    Shawn Shahin
    rodolfo alvarez
    Larry Holloway
    Andre Bowdry
    Seth
    Hawkins Golden
    Idan Nagar
    Jeff Watkins
    Nancy williams
    Living Bi-Continental
    Jack Chen
    Palathip Srisukho
    Noah Wyatt
    Alex
    Rusty Rosales
    Mauro Mequelussi
    Michael Reynolds
    Name
    Hyung Jun Park
    Thurman Ellison
    Szymon
    Cortez Waller
    Heruaji Eko Setiawan
    Julian Wingenfeld
    Petr Roudenko
    kasım cetin
    Pedro Escobedo
    Mamadou BA
    Manish Aggarwal
    Dean Clarke
    Dominic Barada
    Dante Herring

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

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

    👍Grab a list of these tools with short summaries, view/clone all my FlutterFlow apps (and other 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

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

      i became a patreon user and cloned this app nothing works even this combineLists custom function gives erros why didnt you paste the custome code in the description. there was not even a page to create a login or sign up is there something i'm missing or you made it this way for a reason ?

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

      @@gtdon777 Same here, I can't run the app in TEST or RUN mode, seems to be the combineLists custom function problem. Have you found the solution yet?

    • @GameplayGoddie
      @GameplayGoddie 10 месяцев назад

      bro i'm going to subscribe to your Patreon, because i'm willing to give you a chance. and right now i feel like you know more than me and i want to learn this stuff so badly. James please make me a sick ass developer 🤝

  • @mp44boy74
    @mp44boy74 3 месяца назад +2

    Geek chat temp not showing... Now how to follow your tutorial... Where geek chat temp is gone. 😢😢pls help me😢😢

  • @ucmeytsc7302
    @ucmeytsc7302 Год назад +8

    appreciate the effort with this tutorial but it is vague, it does not include how to create the database etc. we have to search for another video for that

  • @eforexodus
    @eforexodus 2 года назад +13

    As a person who has been following flutter for a while and have recently decided to relearn it and use flutterflow to bring ideas to life faster, I want to thank you and ask if you could do clone of deliveroo a food app with a very distinct style that i would love to see replicated in flutterflow

  • @abdel6269
    @abdel6269 11 месяцев назад +1

    it's lacking the most important function of tinder, location

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

    Please tutorial chat and video call app make it with flutterflow

  • @dianeangibeaud9637
    @dianeangibeaud9637 Год назад +5

    Hi James, amazing video. What software do you use to design the app flows ?
    thank you :)

  • @nirshemesh2151
    @nirshemesh2151 4 месяца назад +1

    I'm not seeing Geek Chat listed at all when creating a project.

  • @bruno-d2r
    @bruno-d2r 3 месяца назад +1

    esse template geekchat tem na versao gratis? se sim onde fica, nao achei!

  • @Mena_Botros
    @Mena_Botros Год назад +2

    I feel like that the video is not showing any of the errors we face when trying the same code

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

    It doesn't work, you're only going to see 10 profiles, no more...... and I'll explain why, all very well, but when users are already registered and you start to see profiles, firebase doesn't allow you to use in or not-in with a query greater than 10, so that it is understood, that you are only going to see 10 people, that's as far as the app goes.... any solution ?????, any real solution, not that they say it can be solved with algolia, a real code

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

      Did you find any solution

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

      interested in solution to this as well if you've come across anything

  • @CanErden-tt8qi
    @CanErden-tt8qi Год назад +2

    How did you setup the firebase? any videos for it? thank you.

  • @giovannimontauti8403
    @giovannimontauti8403 27 дней назад

    Hi James. The new Futterflow version doesnt have that template. "Geek". Do you have it? Can you give me a copy please. Thanks

  • @giovannimontauti8403
    @giovannimontauti8403 26 дней назад

    Hi. Do you read me? Can you help me with the GEEK CHAT Template? thnks

  • @giovannimontauti8403
    @giovannimontauti8403 26 дней назад

    Hi.
    Can you help me ?!?!?! I dont have the template GEEK CHAT Can you give me a copy?

  • @kentperils2966
    @kentperils2966 5 месяцев назад +1

    Thanks James! Great video, and thanks for taking out the time to explain things slowly, and in layman terms so that even a designer can understand. You are brilliant at teaching! Well done!

  • @BryantDavis-ux7px
    @BryantDavis-ux7px 4 месяца назад

    I know this video is old, but why are "matches" and "rejected" strings and not document reference user, given that the matched and rejected are actual users???

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

    Hey How r u can make a tutorial about making filter throw bottom sheet (ex: u make a filter make all configurations on bottom sheet after send all information from the bottom sheet to the listview)
    Thank you)

  • @ChrisOcasio-q9w
    @ChrisOcasio-q9w 6 месяцев назад

    hello im working on an app where you answer questions, and so i used the 'not in' operator to filter out the questions who's id is in the user document so that it doesnt show the same question twice and that works at first but after answering 10 questions it crashes and says that the user document list its filtering from can't contain more than 10 elements.
    but if i clear the list then the old questions will pop up again.
    I have 100 questions for the user to answer so... anybody know how i could work around this?

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

    @jamesnocode how you don't respond to comments on your video? lol

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

    Hi Sir, I wanted to know which software is that which you use to explain the logic of the app which you use in the beginning of the videos thanks much

  • @giovannimontauti8403
    @giovannimontauti8403 22 дня назад

    PAra que tiene un canal que donde NO da respuestas?

  • @giovannimontauti8403
    @giovannimontauti8403 22 дня назад

    Le he preguntado si me da copia de la totalidad del template de geek chat

  • @giovannimontauti8403
    @giovannimontauti8403 22 дня назад

    tendria la gentileza de responder

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

    Damn bro. I dont need to create a tinder app personally but this was impressive.

  • @ephraimgregory1285
    @ephraimgregory1285 2 года назад +2

    What are you using to make the flowchart?

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

      I want to know too. @jamesnocode what app are you using for Flowchart?

  • @practical-skills-school
    @practical-skills-school Год назад

    Thank you or the video. How can I make a "There's a match!" screen when it occurs? I can check a condition on the main page. But it works only when the app is launched. It doesn't work when the user is already dealing with the app or chooses the app from the list.

  • @maxgoldg8316
    @maxgoldg8316 8 месяцев назад

    Can you do a random video chat app?

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

    Did anyone figure how to create a new account and enter those details from the App itself and make that as a new user in that database? I was able to create an account but not able to enter the user profile details. My questions how do I match the UID from the Authentication table to the user table.

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

    Great tutorial. I am interested to join your Patreon for this template. Just a couple of questions please: is it possible to import a database of users from a website to Firebase? Can you make a tutorial how to connect external data to Flutterflow in real time for searching users by parameters (age, location, height and so on...) ?

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

      This is a question i will ask to a contact, answer me back for the notification so i dont forget about it

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

      yes its possible, but you need to integrate your website with Firebase through self-written code and an api. I do the same with discord, where people can register themselves through a bot and their information gets send to firebase. Realtime-Databases also exist within firebase. If you want to get in contact, let me know.

  • @giovannimontauti8403
    @giovannimontauti8403 22 дня назад

    Por que no responde?

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

    Hi James only watched 2 minutes. Can we also add a backend to all of this? For example an algorithm, push notifications etc? If we are able to, does it have to be programmed (NodeJS for example) or is it possible with No-code also?
    Thanks, subbed!

  • @mp44boy74
    @mp44boy74 6 месяцев назад

    God 💥💣 blast you

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

    Thank you very much, James! You are truly a great teacher, the best in FF space, no doubt...

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

    I became a patreon user and cloned this app nothing works even this combineLists custom function gives errors why didn't you paste the custom code in the description. there was not even a page to create a login or sign up is there something I'm missing or you made it this way for a reason ?

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

    How to fix when user rejected or match 10 user the page just loading I'm using not in I need to fix pls

  • @camitrading4938
    @camitrading4938 15 дней назад

    Brutal !

  • @joshd265
    @joshd265 8 месяцев назад

    How about the swipe animation. Would this be smooth and native feeling build on FF?

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

    Thank-you for your tutorial boss

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

    do you get contracted for projects?
    Please let me know. I have something like this in the video that I'd like to have done. Thanks!

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

    I am typing in the code for combineLists and it seems to be not seeing the as an active variable or => isn't changing color either? Is their something wrong with flutterflow. Also everytime I time in Combine Two Lists it gives me something that does't work. Anyone else having this same issue?

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

      Seems it didn't like it when return typle nullable was false. is this an issue?

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

      I got it working then, when I refreshed. all the users stopped uploading at the conditional visibility add ons. everything else about this was pretty flawless. Bravo James. Thanks for your time and efforts!

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

      did you have an unexpected null value error ?

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

    Any suggestions or other videos you may have to enable geolocation searching or preferences in this app? Trying to add it around the 23:00 min mark in your video as another filter to search other matches on (search by desired gender, not in the rejects or matches list, plus add a preference the user can select to only look at others within a 30 mile radius for example).
    I'm also having trouble making fields require (requiring one photo before "Completing" the new user's profile, making sure they have one at all times). And also struggling with getting the LatLng integrated in the edit and complete profile pages (doesn't actually pull location when testing).

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

    James. Please help me to get access to patreon area. I have the suscripción ticket from youtube channel and i was expecting an email welcome and access instructios from your patreon page and not from youtube

  • @Garrett-z6v
    @Garrett-z6v 9 месяцев назад

    James NoRizz
    just kidding, thank you for this tutorial

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

    Sir, could you have made a sub collection for matches and rejects and another sub collection for preferences like genders and etc . Would that work fine as well?

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

    You completely skipped a major step at 10"21

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

    please make a video on how to make user registragtion page with sexuality and age ditect fron app page and not backend

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

    Thanks!

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

    Will be diving into this ASAP!
    Ca'nt Wait

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

    Not all heroes wear capes 🙌

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

    Pls how did you get the documents you added in firebase

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

    Hi James, great video. Exist a way to import Flutter apps to Flutterflow? If not will be your comments on best way to accomplish that. Thanks..

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

    Hi James! What tool do you use in the beginning to draw a diagram

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

      Looks like Whimsical

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

    What if you're trying to filter from many more points than just gender and liked/disliked, but also things like location, age, and so on?

  • @kevindiakimuntu1380
    @kevindiakimuntu1380 11 месяцев назад

    Thank you so much Mister James for this video. You are smart. God bless you

  • @aaronskinner1979
    @aaronskinner1979 10 месяцев назад

    Is there a video regarding the Firebase setup?

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

    Very helpfull tutorial to understant how FF chat works. Do you have an idea wich value we can use in FF chat page to display a badge with unread messages? Thanks for your work

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

    Nice video, it's help a lot to understand FF chat widget. But what about chatRef and chatUser parameters? Do we have to pass those parameters like FF documentation says? Thanks for your help

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

    Excellent video!!! I alredy copy some of your ideas in my app. Thanks a lot!!
    Jeams could you help us with some videos about using more than one collection in a page (flutterflow allows you add only one), and how two use two kind of source for a list, for example bring data from firebase like images url and another specifications and the rest of the data from another database like sqlserver usin an API.

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

    Nice work James. Would it be possible to email you about something related to working with Flutterflow?

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

    Great video. +1 for the custom card animations

  • @84dhanreddy
    @84dhanreddy Год назад

    Hello James, could you please help with an example of collection query where we can select 10 random documents and display in pageview. The query should select random 10 documents each time the user starts.

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

    does it select people nearby on the map?

  • @TusharMittal-zt2dj
    @TusharMittal-zt2dj Год назад

    thanks James! this is greatly helpful!

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

    Great video, thank you for making the adjustments to your presentation style. This was very informative.

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

    If you can it would be great to see a video on how to group collection data on a screen based on a query. For example grouping a listview or gridview by date. Were the date is coming from a field in a collection.

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

    The issue is that Firebase does not allow filtering new users if there are more than 10 IDs in the 'not in' list. Do you know how to solve this? It throws an error if you have more than 10 IDs in the 'not in' list

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

      im suprised no one else mentionned this. Did you find a fix for this ^

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

      @@emeriktremblay3881 yes but not using firebase i use supabase api call url bash with not in filter it's cause flutterflow don't has a not in filter you need to make you own api call

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

    Hello

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

    Awesome! Thanks for posting another one :)

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

    cheers. just joined

  • @VictorHernandez-nz2rs
    @VictorHernandez-nz2rs 2 года назад

    Yes pleassee, animations!! We need it

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

    can this be done with the free version of flutter flow?

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

      They made some changes to the free plan recently so you should be able to

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

    Thanks for this one mate!!

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

    The NOT IN backend query in filter 2 is limited to 10 elements. Once someone swipes 10 times no results will be shown. Do you have a way around that?

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

      Did you find a solution

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

      @@malawaxofficial8317 yes, still working on finishing it up. Next week likely.

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

      @James Rogers I'm working on dating app and I upload on play store and 1k users using now and I'm facing this error can you help me how to fix pls

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

      @@nlcinstitute@malawacofficial8317 if any of you guys have found solutions please let me know

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

      @@malawaxofficial8317 You have to use Supabase... or write custom code.

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

    Thanks so much for this video. Very helpful. Question - did you manually create the database collection in Firebase/Firestore or did the template create and push the collection data to it?

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

      No you'd have to create the database. He did it beforehand

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

      @@vince2nd Ok thanks. He did say something like the other schema will push to the database, am I right or did I not hear right?

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

      @@SolomonQuansah You mean the chat messages? Around the 30 min mark he created a conditional action that would create a new document (chat messages, etc). Thought you meant the 10 users at the beginning of the video

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

      @@vince2nd thanks.

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

      @@vince2nd hey sir, i am in trouble making the cloud firestone database, no match appear and i dont have the same thing on my data base concerning the match/rejected part. Would you have anything to share? thank you :)

  • @johnkrueger2604
    @johnkrueger2604 Год назад +2

    Awesome video, thanks James. Making the step from having my bookings be sub-collections rather than their own will really clean up my DB in the long term. I'm having issues with the scheduling aspect of the app. I did find a custom widget for a date range picker (awesome!), but I'm not sure how to prevent bookings during the same time period/overlapping bookings. Wondering if you have any advice on where I could look to solve this problem?

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

      Did you find a solution to this? Please share with me🙏🏾

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

    hi it says functiion does not return value at 21:59