Learn FlutterFlow + Supabase In 1 Hour: Build A Reactive One Page E-Commerce App
HTML-код
- Опубликовано: 13 июл 2024
- ► Exclusive NoCode Content, Tutorials & Support: / jamesnocode
► Comprehensive FlutterFlow Training & Private Community: masteringflutterflow.com
► Comprehensive Supabase Training & Private Community: masteringsupabase.com
00:00 Intro
05:21 Configuring Backend
14:54 Building The App
27:46 The Main Issue
34:55 Setting Up Dynamic Filtering
1:03:38 Making Our App Pretty
1:10:06 Get More Content! 
Хобби
👍VIEW/CLONE ALL MY NOCODE APPS + support my work: www.patreon.com/jamesnocode
👍GET MY NEW TRAINING - MASTERING FLUTTERFLOW: masteringflutterflow.com
👍GET MY NEW TRAINING - MASTERING SUPABASE: masteringsupabase.com
This has to be the most in detailed hands on REAL use case work I've seen using FF and SB! VERY well done. So many Flutterflow videos make it seem like it's so easy to accomplish "real world" apps, when it's not that simple.
I will definitely be joining your Patreon because I'm sure through your teaching I will be able to accomplish the simple app that I need to coincide with the website I'm working on.
Glad it was helpful!
btw flutterflow updated DataTable and now it's more functional you can use it instead of colums and rows .
wonderfull video btw
keep it up
Best flutterflow channel
great content as usual. I had to do some filtering last month in flutterflow, and this would have came in handy. I figured it out but will use this pattern in the future. It was a lot of trial and error. Folks it’s definitely worth signing up for James Patreon.
Hey James, thank you for such an amazing tutorial. I was just wondering why you opted to repeat the query every time the filter changes. Wouldn't it be more optimal to make one query with all products on page load and then manage the filtering process within the view? I know Supabase doesn't charge you for reads, but wouldn't bandwidth be affected if multiple users are making queries constantly?
Thanks James, how to manage push notification if we use supabase auth in flutterflow?
Hi, your tutorial are amazing.
I'm watching your flutter flow
tutorials .
I'm facing some issues in my
entry page that I have select it not
appear instead of it home or other page appear in project.
Please guide me how I can resolve it
🙏🙋♀⁉ Quick questions guys. pls Supabase Pro (Paid version) does it allow you add as many projects as you need or its just 2 projects per organisation?
Do you do online coaching? I could really use some one on one help with my project
Could you make a video on face recognition attendance app using flutterflow please
how to order by selecting a column?
i need the code of queryBuild , what i will write in chatgpt prompt to have the code
Lol I looked at that same article and thought about doing something similar but don’t have enough time right now.
In 1-2 month the marked will be overstated because everyone is doing it… no-more money
@@Mirkolinori Don’t be too quick to condemn the idea. Believe it or not, there are FBA sites out there selling over $100-200k/mth+ in affiliate sales and making $20-30k/mth margin (yes these are the exception.) The key question is your ability to pick the right categories, identify some point of value you can offer over people going direct to Amazon, your ability to attract eyeballs to your site, and then your ability to build and maintain it in a way that it doesn’t create significant investment risk. There is still massive potential in it as most people can’t work these things out. Amazon sales are worth over $200b pa and people are making good money living off a minute portion of this volume.
Jamesw, you keep referring to this as an "app" but don't mention the final output platform. I want to see the final working output of all of this generated in Flutter code. You used a Website as the foundation. Please explain the steps that finally finish up this project. I'd like to see how a website that relies on a full-width desktop screen to see all columns is converted into a smartphone app -- which is what I understand your focus on FlutterFlow is meant to teach.
Hello, he gave just the foundation. If you want to see the final work. You can just do it your self using the all the information he explained.
Code Flutter
import 'dart:convert';
import 'dart:math' as math;
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:intl/intl.dart';
import 'package:timeago/timeago.dart' as timeago;
import '/flutter_flow/lat_lng.dart';
import '/flutter_flow/place.dart';
import '/flutter_flow/uploaded_file.dart';
import '/flutter_flow/custom_functions.dart';
import '/backend/schema/structs/index.dart';
import '/backend/supabase/supabase.dart';
import '/auth/supabase_auth/auth_util.dart';
String queryBuilder(
List conditions,
) {
/// MODIFY CODE ONLY BELOW THIS LINE
if (conditions.isEmpty) {
return '';
}
Map groupedConditions = {};
for (var conditionString in conditions) {
var parts = conditionString.split(':');
if (parts.length == 3) {
groupedConditions.putIfAbsent(parts[0], () => []).add(conditionString);
}
}
// Initialize a list to hold parts of our final query
List queryParts = [];
groupedConditions.forEach((key, conditionGroup) {
if (conditionGroup.length == 1) {
// Format for single conditions
var parts = conditionGroup.first.split(':');
queryParts.add('${parts[0]}=${parts[2]}.${parts[1]}');
} else {
// For multiple conditions with the same key, format them with OR logic
List orConditions = conditionGroup.map((condition) {
var parts = condition.split(':');
return '${parts[0]}.${parts[2]}.${parts[1]}';
}).toList();
// Supabase's OR condition requires grouping with parentheses
String orGroup = orConditions.join(',');
queryParts.add('or=(${orGroup})');
}
});
// Join all query parts with an "&" to complete the query string
return queryParts.join('&');
/// MODIFY CODE ONLY ABOVE THIS LINE
}