- Видео 51
- Просмотров 148 349
Steven NoCode
Австралия
Добавлен 23 авг 2023
This channel is all about helping you launch your app with no coding experience. We will be using some of the best #nocode and #lowcode tools 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 COMPLEX Comments, Likes & Notification System Part 2 - Comment & Like/Unlike
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 stay updated and learn about building your app on FlutterFlow!
-----
Need help with your app? hundredacretech.com/
Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su
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 stay updated and learn about building your app on FlutterFlow!
-----
Need help with your app? hundredacretech.com/
Want to support me? buy.stripe.com/00gg1ifoGgdhdvq7su
Просмотров: 95
Видео
Build a COMPLEX Comments, Likes & Notification System Part 1 - Data Schema & UI
Просмотров 280День назад
Access the app here: itsstevenliu.gumroad.com/l/complexcommentreplynotification Social media platform tutorial: ruclips.net/video/EctJdHBgBjk/видео.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 supportin...
Change User Password all within the App on FlutterFlow!
Просмотров 26914 дней назад
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
Просмотров 49121 день назад
In this video, we’ll guide you on creating a functional news app using FlutterFlow-all without writing a single line of code. Whether you're building a standalone news app or integrating news into your existing app, this tutorial will help you! You’ll learn how to connect an API to fetch the latest news articles, display them in your app, and allow users to switch between news categories. Remem...
Build an Events Platform using Flutterflow Part 3
Просмотров 293Месяц назад
Get the app here: itsstevenliu.gumroad.com/l/eventsplatform In this series, we will be building an events platform where users can organise events and sign up for existing events. Subscribe to stay updated and learn about building your app on FlutterFlow! Stripe Connect playlist: ruclips.net/p/PLegYPCD7QFt3Nh3sfSMSAgdlWpq33GZGM&si=aEipGwf3Rc5_GNHd Need help with your app? hundredacretech.com/ W...
Build an Events Platform using Flutterflow Part 2
Просмотров 247Месяц назад
Get the app here: itsstevenliu.gumroad.com/l/eventsplatform In this series, we will be building an events platform where users can organise events and sign up for existing events. Subscribe to stay updated and learn about building your app on FlutterFlow! Stripe Connect playlist: ruclips.net/p/PLegYPCD7QFt3Nh3sfSMSAgdlWpq33GZGM&si=aEipGwf3Rc5_GNHd Need help with your app? hundredacretech.com/ W...
Build an Events Platform using Flutterflow Part 1
Просмотров 753Месяц назад
Get the app here: itsstevenliu.gumroad.com/l/eventsplatform In this series, we will be building an events platform where users can organise events and sign up for existing events. Subscribe to stay updated and learn about building your app on FlutterFlow! Stripe Connect playlist: ruclips.net/p/PLegYPCD7QFt3Nh3sfSMSAgdlWpq33GZGM&si=aEipGwf3Rc5_GNHd Need help with your app? hundredacretech.com/ W...
Integrate STRIPE CONNECT 'ESCROW ACCOUNTS' / WITHHOLD FUNDS to your FlutterFlow App
Просмотров 4262 месяца назад
Ready to take your FlutterFlow app to the next level with Stripe Connect? Discover how to withhold payments for your FlutterFlow Marketplace App with this step-by-step guide powered by Stripe Connect. Legally speaking, there is no such thing as an escrow service or account in Stripe. We will cover the different ways we can withhold funds prior to access by the seller. Please note there are impl...
FlutterFlow Cloud Functions Masterclass Part 2
Просмотров 5963 месяца назад
Welcome to our in-depth tutorial on harnessing the power of Cloud Functions to take your FlutterFlow app to the next level! 🌟 In this video, I'll guide you step-by-step through the process of integrating Firebase Cloud Functions with your FlutterFlow project, enabling you to add robust backend capabilities with ease. We will go beyond FlutterFlow's onCall cloud function to explore onRequest, on...
FlutterFlow Cloud Functions Masterclass Part 1
Просмотров 1,1 тыс.3 месяца назад
Welcome to our in-depth tutorial on harnessing the power of Cloud Functions to take your FlutterFlow app to the next level! 🌟 In this video, I'll guide you step-by-step through the process of integrating Firebase Cloud Functions with your FlutterFlow project, enabling you to add robust backend capabilities with ease. We will go beyond FlutterFlow's onCall cloud function to explore onRequest, on...
Integrate STRIPE CONNECT FEES to your FlutterFlow App
Просмотров 4954 месяца назад
Ready to take your FlutterFlow app to the next level with Stripe Connect? Discover how you can collect fees with your FlutterFlow Marketplace App with this step-by-step guide powered by Stripe Connect. Subscribe to stay updated and for more tutorials, tips, and tricks to enhance your FlutterFlow development journey. Need help with your app? hundredacretech.com/ Want to support me? buy.stripe.co...
Integrate STRIPE CONNECT OAUTH to your FlutterFlow App
Просмотров 5844 месяца назад
Ready to take your FlutterFlow app to the next level with Stripe Connect? Discover how to seamlessly integrate Stripe Connect OAuth into your FlutterFlow project with this step-by-step guide! Subscribe to stay updated and for more tutorials, tips, and tricks to enhance your FlutterFlow development journey. Code: github.com/itsstevenliu/flutterflow/blob/main/stripeconnect/stripeOAuth.js Need hel...
FlutterFlow Tricks: Scheduled Functions / Cron Jobs
Просмотров 1,4 тыс.5 месяцев назад
Welcome to a quick tutorial on setting up Scheduled Functions / Cron Jobs in FlutterFlow! In this video, I'll walk you through the steps to create and manage scheduled functions in your FlutterFlow projects. Whether you need to run a task at specific intervals or perform maintenance tasks automatically, scheduled functions (also known as cron jobs) can be incredibly useful. By the end of this t...
FlutterFlow Tricks: Get Document Reference from Dropdown
Просмотров 2,1 тыс.5 месяцев назад
This is a quick tutorial on getting Document Reference from a Dropdown widget in FlutterFlow! The dropdown widget doesn't output document reference which can be quite limiting for many use cases and we will learn to bypass this limitation! Code: github.com/itsstevenliu/flutterflow/blob/main/general/getDocRefFromID Need help with your app? hundredacretech.com/ Want to support me? buy.stripe.com/...
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 3
Просмотров 2755 месяцев назад
Get the app here: itsstevenliu.gumroad.com/l/electronicsigning Integrate your FlutterFlow app with third party electronic signing platforms such as DocuSign, DocuSeal, PandaDoc, etc. In this tutorial, we will use a cost effective platform called DocuSeal to send emails to 2 parties for signing. In addition, we will cover webhooks to track signing process and completion. Subscribe to stay update...
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 2
Просмотров 2675 месяцев назад
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 2
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 1
Просмотров 6046 месяцев назад
Integrate FlutterFlow with DocuSign/DocuSeal/PandaDoc for Electronic Signing Part 1
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 4
Просмотров 1,4 тыс.6 месяцев назад
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 4
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 3
Просмотров 2,6 тыс.6 месяцев назад
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 3
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 2
Просмотров 2,7 тыс.7 месяцев назад
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 2
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 1
Просмотров 7 тыс.7 месяцев назад
Integrate STRIPE SUBSCRIPTION to your FlutterFlow App Part 1
FlutterFlow's Built-in Google Gemini AI!
Просмотров 5 тыс.7 месяцев назад
FlutterFlow's Built-in Google Gemini AI!
Build a Social Platform with Friends and Blocking Features using Flutterflow Part 3/3
Просмотров 5357 месяцев назад
Build a Social Platform with Friends and Blocking Features using Flutterflow Part 3/3
Build a Social Platform with Friends and Blocking Features using Flutterflow Part 2/3
Просмотров 9088 месяцев назад
Build a Social Platform with Friends and Blocking Features using Flutterflow Part 2/3
Build a Social Platform with Friends and Blocking Features using Flutterflow Part 1/3
Просмотров 1,3 тыс.8 месяцев назад
Build a Social Platform with Friends and Blocking Features using Flutterflow Part 1/3
Build a File Manager app using Flutterflow Part 5/5
Просмотров 4248 месяцев назад
Build a File Manager app using Flutterflow Part 5/5
Build a File Manager app using Flutterflow Part 4/5
Просмотров 4139 месяцев назад
Build a File Manager app using Flutterflow Part 4/5
Build a File Manager app using Flutterflow Part 3/5
Просмотров 5069 месяцев назад
Build a File Manager app using Flutterflow Part 3/5
Build a File Manager app using Flutterflow Part 2/5
Просмотров 8069 месяцев назад
Build a File Manager app using Flutterflow Part 2/5
Build a File Manager app using Flutterflow Part 1/5
Просмотров 2 тыс.9 месяцев назад
Build a File Manager app using Flutterflow Part 1/5
Awesome tutorial! How would you handle a situation where the user can't be authenticated because they don't remember their current password?
Check out the FF Reset Password action: docs.flutterflow.io/integrations/authentication/firebase/auth-actions/#reset-password-action
Excellent content! The ratio between length of the video and amount of info is perfect
Appreciate the kind comments! thank you!
Fantastic job!
Could you show the conditional logic for the subscribe button? i am having difficulty to have the subscribe button launch the payment URL based on dropdown menu chosen , mine keep launching the same stripe payment URL regardless of which plan chosen
to fast for understand all the concept ...
Hi: The stripe link support is no longer active./ i didn't quiet understand : which plan do we need for this on the DocuSeal platform?: On-premises or Cloud ? free or pro ?.😀
bro where is part 3 and part 4?
Coming soon!
How will this work for teh videos?
Hi, how did you get your date field to display ? I have 2 date fields in flutterflow and my docuseal form, but they dont seem to be populating
Try formatting the date as a string in the format YYYY-MM-DD or include time information like YYYY-MM-DDTHH:MM:SSZ.
Hi steven, how did you set up the date ?
You're making it a bit too complicated. When you add a date on DocuSeal, you can enforce it to the current date on signing, unless your use case is different.
@StevenNoCode 🤣 I sent you a message on flutterflow community... my use case is different yes... I've tried sooo many things today. Goodness. There is one way I can do it, by making the date a role... it's funny actually. I also emailed the docuseal support team to see if they have a way.🤣. I also went thoroughly throught he documentation. But maybe you have a way🤔
Thank you for showing this clearly and simply. Learned a lot! Very helpful for apps or users that don't want to use Google or other company logins
Even after doing step by step as u said I am still seeing [$.title] instead of actual title
Can you provide screenshots? Are you selecting the API output first and then accessing the lower json path from it?
AMAZING!
Can you please do the same tutorial for/in supbase? 🙏
@@ti_kru Hey, you can replicate the exact same data structure for Supabase. Instead of the sub collect of replies, it is its own table with a key to comments. The overall logic remains the same.
THANK YOUUUU YOU ARE AMAZING, ALL YOUR VIDEOS HELPS A LOT!
Thank you Steven !
Hi, are you planning to make a video on how to create a SaaS tool where different users can communicate, such as by sending data through forms (not a chat function)?
@@3usky I will consider it as a possibility down the road…
❤❤
Why not use cloud function? Much safer..
You can do the same via cloud function of course :) Just convert the dart code to JS code.
Amazing tutorial, thanks
Could you make a video where you do the same thing but with Supabase instead of Firebase?
Nice content @Steven NoCode.
Thank you!
im a beginner and i ddint found the code you submitted in the cloud function under name stripe customer subscription
It seems that all my tasks and milestones are showing up on every project that I create...
Have a filter for project reference when querying tasks and milestones
As in each new project is sharing the same tasks and milestones... What did I miss?
Check your backend database…do tasks and milestones have a project ref? When you query for tasks and milestone, have you filtered for the correct project ref?
@@StevenNoCode Just filtered for the projectRef and It worked! I also had to set everythings permissions in the Firebase server to Authenticated users as well. (in case anyone else has same issue.)
What are the odds the Master himself wants to do a Vertex AI API tutorial into FF?!
Hey Steven! Great tutorial, i managed to implement this system flawlessly. I just need to understand one thing, i have a credit systme inside my flutterflow app, and my first subscription gives my user 30 credits every single month. How can i achieve this? I tried to find an element in stripe documentation that only appeared in the payiment of the invoice, but i couldn't find it.
So whenever a payment is received for an invoice for a Stripe subscription, there is a payment webhook you can use and within there is a field for customer ID (which you would have saved when you first set up the subscription). When you receive a successful payment webhook, update your credit count in your backend. The complexity comes when you offer an annual subscription cause you only receive payment every year, and in that case you need to use a cron job (I have a video on this) to update the credit on a monthly basis. I’ve done this for a client before if you need any assistance docs.stripe.com/api/invoices/object
@@StevenNoCode Thank you sir! Actually i figured out another way around, i managed to do it by checking if update webhook has "incomplete" as previous state and "active" as current state, and in this case only it gives 30 credits. Now im struggling because i changed my keys from test to production and suddenly im getting 400 bad request from subscription.create. No idea what's wrong
Hey Steven, are you able to let me know how to send you a DM as I would like you to help me with my app and also look over this with me to make any changes and updates you know i need to do. If you are able to.
Hey! You can reach me at steven@hundredacretech.com
Shouldn't this be done in a backend??
The configuration can be done via FF's API tool and if you check the make API private, it actually deploys a cloud function on Firebase [you can check on Google console on how it works] which is called by the front end (hence it is done on the backend). I've said in multiple videos to make API calls private for APIs with sensitive info, and apologies if I didn't repeat myself again here :)
hello! I've tried something like this but I am stuck. Did you update your firebase rules for this to work?
What I recommend during development is set your Firebase rule as open as possible and then limit at the end. Open it all to Auth User and see if it works. If it doesn't, then it's something else.
@@StevenNoCode thanks! my rules were too strict before
Hello Steven, I'm actually bulding an Event App and it's verry Usefull, tank you ! Is it possible to show us how to search an event with a calendar in the next video ?
@@thibaultlepluart3667 thanks for your feedback! Are you looking to search for a specific date or show events for a date range? I’m planning a date range since that’s more natural
@@StevenNoCode Thanks for your feedback! Like you, I’m planning to go with a date range. But what concerns me the most is how to filter using both the calendar and the search bar at the same time. Do you think that's doable?
good luck, brilliant work
Hi what to when we get API test 'Status: 404 Failure'?
@@raghothamharish2283 it usually mean you have not configured the API call properly
Target dart2js failed: ProcessException: Process exited abnormally with exit code 1: lib/backend/api_requests/api_calls.dart:81:33: Error: The getter 'lineItems' isn't defined for the class 'CreateCheckoutSessionCall'. - 'CreateCheckoutSessionCall' is from 'package:lucid_quest/backend/api_requests/api_calls.dart' ('lib/backend/api_requests/api_calls.dart'). 'line_items[0][price]': lineItems[0][price], ^^^^^^^^^ Error: Compilation failed. #0 RunResult.throwException (package:flutter_tools/src/base/process.dart:125:5) Error: Failed to compile application for the Web.
I download the code and changed 'line_items[0][price]': lineItems[0][price, to 'line_items[0][price]': price, its work but not working on flutterflow
@@devilmay9862 these are code automatically generated by FF when you configure your API. When you set up the API call via FF’s API manager, did you assign a variable to the paramater per my previous video? You’ll see at the 14:31 mark of part 1 I went back to set the variable of price
@@StevenNoCode Yes, I did it! I still don't understand why FlutterFlow is bugging, but thank you so much for your videos and your quick responses. You're amazing!
I didn't do anything but its worked now, thank you so much for your videos
thank you steven!! it was helpful!
Bro flutterflow me datepicker supposed two dates are selected toh double price show honi chahiye means two days ka total hona chaahiye yeh kese create hoga esper ek video bnaa do bhai
Bro flutterflow me datepicker supposed two dates are selected toh double price show honi chahiye means two days ka total hona chaahiye yeh kese create hoga esper ek video bnaa do bhai
english pls
Hey thanks for the video! I was looking at the code you provided a link to, and it looks a little different than what you have in the video. For example, the video has the gcp location and the link does not. Any help would be appreciated!
The location is not important unless you want the cloud function to run from a specific google server. The code on GitHub is a boilerplate code meaning it’s a very light template to get you started without logic specific to your app
Thanks for the video 15:13 it was very helpful. One question is what can the return url be if we are developing a mobile app?
Reckon you check out the doc here on dynamic linking: docs.flutterflow.io/concepts/navigation/deep-dynamic-linking/
Sorry, I did it by defining data types but it works with predefined Paths. I've already tried it. Sorry.
Yes, prefined path is new UI on FlutterFlow which didn't exist 11 months ago. Defined JSON paths via API call used to be under all under one section called JSON paths but now they've split it out to be predefined paths and JSON paths for better delineation. Even the new action set up is totally different in the last 2 weeks...FF is ever changing. Unfortuntely I cannot readjust uploaded videos which was filmed 11 months ago.
It also doesn't work with the data structure you propose. It works perfectly by defining a data type.
Can you please let us know what data type did you define? A lot has changed in FF API since 11 months ago (there's always development) where designs and ways to access are changing.
The generated URLs only work with the WEBVIEW widget. How do you make the URLs work on images?
The API gives me the URLs, I see them fine in the browser but if I put one of them in any way in an image widget, they don't work. What's going on? Thanks
Please read docs.flutterflow.io/resources/ui/widgets/image/ "Network: Enter the URL of the image in the Path input field. This is used for images hosted online." Please set up your widget correctly to use network. Please note that image URL hosted by OpenAI expires within 2 hours.
URLs don't work in WIDgets that use Image Path. What else is needed? I think your video is missing something very important.
Please watch the video very carefully. Image widget can use URL (please see FF doc). There is no such thing as an Image Path data type, FlutterFlow has simplified it for no-coders - in essence, it is still of type string (which is what an URL is).
return url ...... is this working on the mobile?
return URL is simply any URL you can set. What do you mean is this working on mobile?
@@stevenyliu that was flutter flow web page url. But mobile app page has no url address. And someone who has that account can only land on that page.
Did you ever figure this out I’m struggling with the same issue
@@RahulPushpala-r3n dynamic links. and that should call up by back end API.
exactly what I needed, awesome
Thank you so much brother !
Hey Steven, quick q, having an issue with the cloud function not saving the create subscription fields, to the user document, I can see in stripe events the event is done successfully, & even the first 2 console logs of subscription created event recieved, & the Stripe customer id being the objects cust id, but the 3rd console log, 'Subscription created event processed and updated for customer:' doesn't pop up, & the fields in my user doc isn't updating, any tips on trouble shooting? also thank you for these tutorials
The 3rd console log is "subscription UPDATED event processed", not "Subscription created event processed" which is the 1st. Can you please confirm which one you're having an issue with?
@@StevenNoCode ahhh, yk what I just realized since my checkout has multiple items it changes the payload from stripe I forgot to keep that into account.
thanks alot how do u draw polygon on the map help with this thanks
Thanks sir. But this URL is valid for only 1 hour. How can I make the image persist in the app?
Save it into your firebase storage
Good day! Thanks for the help, but I have one question. May I ask on how'd you get the "User Reference" option in Authenticated User?
Authenticated user always has the user reference. If you select authenticated user > reference. That's it. Make sure you have authentication enabled.
@@StevenNoCode Thanks, it's a big help for me.