- 63
- 188 314
Steven NoCode
Australia
Приєднався 23 сер 2023
FlutterFlow Expert and Ambassador helping you launch your app with no coding experience. We will be using FlutterFlow to build both mobile and web applications. Expect comprehensive tutorials for building your app in minutes and bite-sized lessons on adding essential features. Let's turn your app idea into reality, together!
Build a Content Creator Subscription Platform (Patreon) Part 1 - Stripe Setup
Need help with your app? hundredacretech.com/
Grab the app here: itsstevenliu.gumroad.com/l/contentcreatorsubplatform
Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su
Learn how to build a content creator subscription app similar to Patreon using Stripe Connect! This tutorial walks you through setting up subscriptions where users can support their favorite creators, payments flow directly to creators, and the platform takes a fee with every subscription renewal.
As always without repeating myself, make your API calls private.
Remember to comment, like, and subscribe to stay updated and learn more about building powerful, user-friendly apps with FlutterFlow! 🚀
Grab the app here: itsstevenliu.gumroad.com/l/contentcreatorsubplatform
Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su
Learn how to build a content creator subscription app similar to Patreon using Stripe Connect! This tutorial walks you through setting up subscriptions where users can support their favorite creators, payments flow directly to creators, and the platform takes a fee with every subscription renewal.
As always without repeating myself, make your API calls private.
Remember to comment, like, and subscribe to stay updated and learn more about building powerful, user-friendly apps with FlutterFlow! 🚀
Переглядів: 68
Відео
Build a Restaurant Ordering App Part 5 - QR Code & Order Management
Переглядів 13919 годин тому
Need help with your app? hundredacretech.com/ Grab the app here: itsstevenliu.gumroad.com/l/restaurantordering Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su You’ll learn how to build a seamless restaurant ordering app that allows customers to scan a QR code to access the menu, add items to their cart, and send their order directly to the restaurant. This tutorial will guide you through ...
Build a Restaurant Ordering App Part 4 - Add to Cart
Переглядів 10014 днів тому
Need help with your app? hundredacretech.com/ Grab the app here: itsstevenliu.gumroad.com/l/restaurantordering Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su You’ll learn how to build a seamless restaurant ordering app that allows customers to scan a QR code to access the menu, add items to their cart, and send their order directly to the restaurant. This tutorial will guide you through ...
Build a Restaurant Ordering App Part 3 - Public Ordering Site
Переглядів 17821 день тому
Need help with your app? hundredacretech.com/ Grab the app here: itsstevenliu.gumroad.com/l/restaurantordering Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su You’ll learn how to build a seamless restaurant ordering app that allows customers to scan a QR code to access the menu, add items to their cart, and send their order directly to the restaurant. This tutorial will guide you through ...
Build a Restaurant Ordering App Part 2 - Menu Items
Переглядів 19128 днів тому
Need help with your app? hundredacretech.com/ Grab the app here: itsstevenliu.gumroad.com/l/restaurantordering Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su You’ll learn how to build a seamless restaurant ordering app that allows customers to scan a QR code to access the menu, add items to their cart, and send their order directly to the restaurant. This tutorial will guide you through ...
Build a Restaurant Ordering App Part 1 - Database & Menu
Переглядів 453Місяць тому
Need help with your app? hundredacretech.com/ Grab the app here: itsstevenliu.gumroad.com/l/restaurantordering Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su You’ll learn how to build a seamless restaurant ordering app that allows customers to scan a QR code to access the menu, add items to their cart, and send their order directly to the restaurant. This tutorial will guide you through ...
Add Polylines in Google Maps | FlutterFlow
Переглядів 1,2 тис.Місяць тому
Need help with your app? hundredacretech.com/ Grab the app here: itsstevenliu.gumroad.com/l/polylines Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su In this video, I’ll guide you through the process of drawing polylines on a custom Google Maps widget in FlutterFlow! Whether you’re building a delivery app, tracking routes, or creating a location-based project, this step-by-step tutorial w...
Send Transactional Email from FlutterFlow App using Firebase
Переглядів 618Місяць тому
In this video, we’ll show you how to integrate Firebase’s Trigger Email extension into your FlutterFlow app to seamlessly send transactional emails. This is an essential feature for any app that needs to send confirmation emails, notifications, or other automated messages directly to your users. We’ll cover the entire setup process step-by-step, from installing the Trigger Email extension to co...
Scheduled Push Notifications in FlutterFlow
Переглядів 7062 місяці тому
Welcome to this quick tutorial on setting up scheduled push notifications! In this video, I’ll guide you through the process of sending push notifications on a timed schedule. If you’re looking to set up task reminders, keep users engaged with regular updates, or automate essential maintenance tasks, scheduled functions-also known as cron jobs-are powerful tools to make it all happen seamlessly...
Build a COMPLEX Comments, Likes & Notification System Part 5 - Notifications System
Переглядів 2502 місяці тому
Access the app here: itsstevenliu.gumroad.com/l/complexcommentreplynotification In this series, we will cover building a complex comments, replies, likes and notification system to support your app! These features benefit all app types, from social media to productivity apps! This video will cover building our notification systems and sending in-app and push notifications for comments and repli...
Build a COMPLEX Comments, Likes & Notification System Part 4 - Notifications System
Переглядів 1802 місяці тому
Access the app here: itsstevenliu.gumroad.com/l/complexcommentreplynotification In this series, we will cover building a complex comments, replies, likes and notification system to support your app! These features benefit all app types, from social media to productivity apps! This video will cover building our notification systems and sending in-app and push notifications for likes. Remember to...
Build a COMPLEX Comments, Likes & Notification System Part 3 - Reply to Comments
Переглядів 3003 місяці тому
Access the app here: itsstevenliu.gumroad.com/l/complexcommentreplynotification In this series, we will cover building a complex comments, replies, likes and notification system to support your app! These features benefit all app types, from social media to productivity apps! This video will cover replying to comments. Remember to comment, like and subscribe to stay updated and learn about buil...
Build a COMPLEX Comments, Likes & Notification System Part 2 - Comment & Like/Unlike
Переглядів 2743 місяці тому
Access the app here: itsstevenliu.gumroad.com/l/complexcommentreplynotification In this series, we will cover building a complex comments, replies, likes and notification system to support your app! These features benefit all app types, from social media to productivity apps! This video will cover commenting on the post and liking/unliking a comment. Remember to comment, like and subscribe to s...
Build a COMPLEX Comments, Likes & Notification System Part 1 - Data Schema & UI
Переглядів 5533 місяці тому
Access the app here: itsstevenliu.gumroad.com/l/complexcommentreplynotification Social media platform tutorial: ua-cam.com/video/EctJdHBgBjk/v-deo.html In this series, we will cover building a complex comments, replies, likes and notification system to support your app! These features benefit all app types, from social media to productivity apps! This video will cover the data schema supporting...
Change User Password all within the App on FlutterFlow!
Переглядів 1,5 тис.3 місяці тому
In this video, you’ll learn how to create a custom “Change Password” page within your app using FlutterFlow, without relying on the default reset password action. We’ll walk you through building the UI, setting up authentication, and updating the user’s password-all within the app. Perfect for anyone looking to improve their app's user experience! Remember to comment, like and subscribe to stay...
Build a News App with no code using FlutterFlow
Переглядів 1 тис.4 місяці тому
Build a News App with no code using FlutterFlow
Build an Events Platform using Flutterflow Part 3
Переглядів 5804 місяці тому
Build an Events Platform using Flutterflow Part 3
Build an Events Platform using Flutterflow Part 2
Переглядів 4984 місяці тому
Build an Events Platform using Flutterflow Part 2
Build an Events Platform using Flutterflow Part 1
Переглядів 1,3 тис.4 місяці тому
Build an Events Platform using Flutterflow Part 1
Integrate STRIPE CONNECT 'ESCROW ACCOUNTS' / WITHHOLD FUNDS to your FlutterFlow App
Переглядів 1 тис.5 місяців тому
Integrate STRIPE CONNECT 'ESCROW ACCOUNTS' / WITHHOLD FUNDS to your FlutterFlow App
FlutterFlow Cloud Functions Masterclass Part 2
Переглядів 9936 місяців тому
FlutterFlow Cloud Functions Masterclass Part 2
FlutterFlow Cloud Functions Masterclass Part 1
Переглядів 2,1 тис.6 місяців тому
FlutterFlow Cloud Functions Masterclass Part 1
Integrate STRIPE CONNECT FEES to your FlutterFlow App
Переглядів 6587 місяців тому
Integrate STRIPE CONNECT FEES to your FlutterFlow App
Integrate STRIPE CONNECT OAUTH to your FlutterFlow App
Переглядів 8897 місяців тому
Integrate STRIPE CONNECT OAUTH to your FlutterFlow App
FlutterFlow Tricks: Scheduled Functions / Cron Jobs
Переглядів 1,9 тис.8 місяців тому
FlutterFlow Tricks: Scheduled Functions / Cron Jobs
FlutterFlow Tricks: Get Document Reference from Dropdown
Переглядів 3,5 тис.8 місяців тому
FlutterFlow Tricks: Get Document Reference from Dropdown
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 3
Переглядів 3599 місяців тому
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 3
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 2
Переглядів 3149 місяців тому
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 2
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 1
Переглядів 8119 місяців тому
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 1
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 4
Переглядів 1,9 тис.9 місяців тому
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 4
Not sure having duplicate backend queries is good here...
Can you please point me to it? The stack has the user reference of the person's profile of which we are viewing so we can grab every information about the user (I pass user reference and then do document from reference so we can always grab live data). The post list view is a query for posts by the person. The followers is a dynamic children based on a follower's list of user references stored in the person's profile and same for following. As the follower and following list are stored as list<user references>, then we need to do a document from reference on the followers/following items to grab the document data.
This is exactly what I was looking for thank you!
Hello Steven, I bought the template thank you. Is possible to pick multiple days with the date time picker?
Not the default widget provided by FF
Great video. How can we display places we personnally selected? Like my personal list of prefered restaurants?
Can we store the file in a specific folder or subfolder in the storage bucket?
Check my response here: community.flutterflow.io/ask-the-community/post/upload-file-to-firebase-storage-Qf6sicjS5cD9flw
@@StevenNoCode Thanks for the response. I'll give it a shot. I tried a couple of methods earlier. At first they seemed to work and then all of a sudden the compilation would fail.
how did you manualy create the api keys
What do you mean by manually create the API keys? You find it in: console.cloud.google.com/apis/credentials
This is great! saving people a lot of time
i have a problem if you really can help me when im using the firbase auth templates Like reset password or mail verification, the API existed in the URL and i dont know how to hide it and also i need to be direct for custom Url for my website thanks in advance
Is there a way to do it if the user isn’t logged in yet? Like when the user forgets password..
The reset password action: docs.flutterflow.io/integrations/authentication/firebase/auth-actions/#reset-password-link
@StevenNoCode thanks for the response! I'm actually using it, but the user experience is terrible. It's all ugly and and feels like someone is stealing your password. I've seen apps just sending a 4 digit code to the email, then confirming and changing password all whithin the app. Is it possible to do it in flutterflow and firebase?
Hi Steven, Thank you for your fantastic tutorial! When integrating the Stripe API into FlutterFlow, are we still hardcoding the APIs in the app? Am I correct in thinking this? I’ve heard that even with the "Make Private" option in FlutterFlow, the best practice is to store API variables in a cloud function and then call them within the app or FlutterFlow. I would love to hear your thoughts on this!
If you examine behind the scene what the Make Private option does is it actually creates Cloud Functions (2x cloud function with names FF Privates) which stores your API keys. When you make the API call, it is actually calling the cloud function. Idk if it’s the is video or others and if I repeated here, I always recommend marking API calls as private for security reasons
Thanks, Steven. I purchased template, copied cloud functions, replaced secret key then saved and deployed but it never succeeded. Contacted FlutterFlow support per a pop up window but I am not sure why it fails... I don't know if any deployment logs are available in somewhere but it would be helpful if you have any ideas to move forward..
Hi, please contact me directly on steven@hundredacretech.com so we can diagnose this.
How not to show loading widet ina badge and update in the samepage.,
Booking with backed with real-time update booking system like cinema already booking through offline, then online tickets not available , how to handle this and bro not this include like check box in collection this ticket is booked means update like through firebase update ticket offline or online booking, how to handle in flutterflow bro
I ⏳⏳ waiting with complex backed with real-time update booking system like cinema already booking through offline, then online tickets not available , how to handle this and bro not this include like check box in collection this ticket is booked means update like through firebase update ticket offline or online booking, how to handle in flutterflow bro
When I get to 5:07 and hit confirm it is telling me "A default value is required" what should I put in there?
Figured it out I just put "0" in there
Does the polyline map work for web as well? Or Mobile only?
Web as well. You can see the package is web supported
@@StevenNoCode I bought the code and set it up, but web does not display the polyline. It only displays the two points (starting and end) as two pins.
@@StevenNoCode I enabled all the api’s and I don’t get any error in the code editor (also enabled all dependencies), Is there another way to troubelshoot this?
Sorry for switching yt accounts btw
@@steynjacobs3069 directly replied to your email. For everyone else, Google blocks Directions API from using via web directly (CORS error). We need to route the API through a cloud function to obtain the encoded polyline, then the custom widget will need to decode the polyline.
I'm not sure if I did something wrong, but when I get to the last steps under 'Marker Type' and try to input the values for lat and lng, I don't see a 'JSON Name' dropdown. Instead, there's a 'JSON Path' field with the $. What exactly should I enter in this section?
Check my other replies to similar comments. FF has changed UI since a year ago. Defined paths are now under predefined paths.
Here if i have 2 pages and i want to run 2 cron jobs separately for that 2 pages. But when i navigate one page to another after i start the cron job.when i come back to earlier page that cron job is stopped. Please help me in flutter
Cron jobs are page independent…ie they’re not triggered by the front end…so unsure what you mean here. Are you just talking about a normal on call cloud function?
Love the video, I bought the code and implemented successfully. Im now trying to add a way to change the mode of transport for the polyline, however I managed to get the distance matrix api to change the values depending on transport (e.g. Walking, Driving etc) but I can't seem to find a way to get the polyline to change also. Will continue to look for solutions...
Thank you for buying it. You can change the TravelMode in line 57 of the code to any of the 4 values here (driving, bicycling, transit and walking). pub.dev/documentation/flutter_polyline_points/latest/flutter_polyline_points/TravelMode.html
slow down please. you move and talk way too fast
Thank you for the feed back :) It's funny cause someone else commented "bro, why you add too much time." Unfortunately, it's hard to cater for everyone and I try my best to be as neutral as possible.
Steven, I solved my problem thanks to your FF project, thank you! I have a question, Google API has already charged me $4 for one test, have you also been charged money?
Not possible and that's too high for one API call (and there's a lot of free usage from Google) - please check your billing to understand the breakdown console.cloud.google.com/billing
@ thanks, I’ll be watching
How do you make it so that the cloud function is always running? I want to deploy the cloud function but it says that it's not found anywhere in the code, so where should I put it?
If it’s a scheduled cloud function, it is always running on the server based on the scheduled time you’ve set. Check this other video on scheduled function: ua-cam.com/video/R9an74QQFkU/v-deo.htmlsi=lfuaMQ5l2acWYwuN
Am I able to do multiple price points by just adding to the api code? Like a month to month, 6mth & 12 mth price?
Yes, set up the price point in stripe then call the API with the price point needed
Thanks for the helpful information. Everything worked out, but I can't get the time and distance - all the time is null, although I get the time and distance in the API tests themselves. If you have thoughts and experience with a similar case, please share your advice
Is there any error on google chrome console?
@@StevenNoCode Yes, there are 10 errors and all are unclear, I will try to buy your application and check
In order to update another user's document, you need to allow Write permissions to all users for the users collection. Isn't this considered a big security concern?
Someone did mention that in another comment. I replied a more secure way is to use cloud function although that’s beyond the scope of “no code” for this app.
Hi, good day! Can I use data from database in this tutorial like there's a location data in each destination (in the database) then the origin is the current device location?? Cause I don't use place picker in my project.
Yes, the custom widget simply takes 2 sets of lat long so that lat long can be from whatever source you want.
@@StevenNoCode what will be the possible errors if the page won't display or crashed?
@@hindrech_24 Best to check Chrome console log.
Hey I just bought your app but I was wondering if there was a way to have a user that owns objects in the app and pays a subscription for each of them. Imagine an MMO but the player can pay a subscription for each of their characters.
Have a look at creating subscription items allowing you to build complex subscription relationship docs.stripe.com/api/subscription_items/create
You are a freaking master man!! Thank you! I have never been able to actually get this to work... you explained it so well. Killer work!
Thank you for your effort! Great work-keep it up!
After you select the custom function for availability I don't see the option to Map List Item 7:10. Please help
You're a lifesaver! This is my very main problem when developing our thesis project. But can I ask if where can I find or where did you upload the source code for the custom codes for widgets and function? That'll help us a lot. Thank you.
You can find it in the description by supporting me :) Otherwise the pub dev package has very good docs on implementing it.
@@StevenNoCode well that would be cool, can I ask if you are using supabase? If so, what do we import if we were using firebase?
@@markuzuan_23 It doesn't matter if you're using supabase or firebase. this package is not dependent on a database.
@@StevenNoCode Thanks for your help. I really appreciate your efforts, expecting more contents from you in FlutterFlow😇
Thanks a lot
You're tutorials are so gooood. Thank you very muchh!!! Can I request a tutorial? A tutorial that follows the polyline, it updates as you follow the path just like in google maps navigations. Going back, very good videos, I have been applying what I learned from your videos to my own project. Thank you very much.
Im glad I found this tutorial here! great work How would you add like a default payment method (i.e. card) to a customer in stripe for future use?
Recommend you to read this doc: docs.stripe.com/payments/save-during-payment
@@StevenNoCode thanks for providing that reference This requires incorporating stripe.js and creating a client side payment element etc which I have not been able to find a good example on how to achieve that in Flutterflow, any more information is appreciated
{ "html_attributions": [], "results": [], "status": "INVALID_REQUEST" } it shows this when i test the api i tried everything but doesnt work. steven could you please help?
Bit hard if you don't tell us what are your parameters. Can you tell me? Documentation here to assist you: developers.google.com/maps/documentation/places/web-service/search-nearby e.g. it could possibly be this "When using rankby=distance, the radius parameter will not be accepted, and will result in an INVALID_REQUEST" or numerous other reasons.
In real world scenario, what should be used for successUrl or cancelUrl in checkout session? how would it play seamlessly in a mobile app? Also, when you navigate to Stripe payment page and do the payment, what happens when you come back to the app?
success URL / cancel URL can be a dynamic link back to your mobile app. If you're building a web app, same applies. Go back to the app - your subscription is enabled of course based on part 3 where you use a webhook to record that.
Hello JSON Path Name doesn't exist in '' GridView generating children from variable '' any solution ?🙄
FF has changed the design of accessing JSON format since the video. You have to go to predefined JSON paths.
Flutterflow Bro how to create function like tickets booking real time updates like online or offline like already booking this seat how to handle this ,
i'm having an issue, it's saying that there's an error with " import '/custome_code/actions/index.dart/' and it can't find the file path ?
feel free to remove it as that was related to something else in my project. the import are as follows: // Automatic FlutterFlow imports import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/widgets/index.dart'; // Imports other custom widgets import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom widget code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! import 'package:google_maps_flutter/google_maps_flutter.dart' as google_maps; import 'package:flutter_polyline_points/flutter_polyline_points.dart';
Can I do that with Supabase?
If I decide to implement that code, I definitely will buy it from you. You're awesome. And your insights in FF Community are helpful, too.
Appreciate the support thank you :)
Man, thank you so much. Regards from Colombia...
Can u please make a complete guide on how to make a app like uber, ola on flutter flow
Great work. Could you share the code for the custom widget, or is that something we have to pay for? Either way, nice work, and thank you.
It would be amazing if you can support me :) I’ve seen similar code sell for higher…
I understand the listviews here have shrink wrap enabled? Is there a way to do without shrink wrap? Since flutter usually recommends not to use that because of performance considerations.
"Thank you For creating such toturial it helps me alot in my current project and I have a question: can the markers for the label named 'origin' also be used to track its current location in real-time, similar to how Google Maps works?"
thank you Great tutorial
waiting to loooong
Sorry what did you mean by that? :)
@@StevenNoCode sorry, i mean, i'm waiting like this tutorial so long. :D
@@sujaritnrc Haha Christmas present for you then :) Making tutorials get tiring at times
Hi Steven , or anyone here, will this affect the image resolution/quality?
It doesn't - when you use the widget it will ask you resize and image quality (both of which are optional)
@@StevenNoCode Love that. Thanks for the prompt reply, man. Subbed!
Hi Steven, What a great Video! Do you know how I can get both safed to two states? Name and the Ref? Thanks
The reference is from the custom action. Once you have the output of the custom action, you can use the read document action to read the output and grab the name from the document itself.