Build A Job Portal with Google Sheets and FlutterFlow! | FlutterFlow Training 2022

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
what's good guys so in this video we're going to be making an app in flutter flow using google sheets and this specific tutorial we are going to be building a job market so think of something like upwork something like fiverr something like freelancer and this is the architecture here we have a job categories this is gonna be a view here uh once you go into the category you're gonna see offers this is the same thing as jobs so all four categories job categories and then you can click and you can see an offer detail you can also add it to cart we are going to have a cart view which is essentially a list of offers so if i want to purchase not just one offer a couple of offers i can do that and then i have a checkout and we're also going to have a profile view here profile page where it's going to list some information about the user their email etc etc which is very standard for people that need to log in and here we have kind of the data structure okay so we have the offer category entity here and this is gonna talk about the category the type of category the offer falls into we're gonna have the offer id which is the row id the typo offer the image of the offer the description maybe the number of offers for this specific category and maybe a cumulative earnings for all the offers in this specific category and then we have the offer entity and so first we have the the person who is responsible for the offer okay because offers are right they're linked to people it's people that are presenting offers so we have person name person country image rating then followed by the offer id offer type offer description and cumulative earnings as well now how does google sheet a work as a database and why are we going to be using google sheets okay so the way this is gonna work is we're gonna have our flutter app it's gonna be talking to an official google sheets rest api so we're not gonna be using any third-party services we are gonna be dealing with google on an official level okay so this is the best way of doing it because you know who you're working with right you know that the service is always going to work it's always going to be up it's always going to give the data and this service via the service which is a really nice service we're going to be talking to google sheets that we have we have in our you know possession we created these sheets but we need to talk to them through this rest api and this is what we're going to be building now the first thing that you need to do is you need to start with the database okay always start with the database so here i have google sheets i have two sheets in the spreadsheet the first one is offer categories followed by offered list which is essentially a list of offers so this is all for categories we have four columns four fields we have the row id we have the offer type the offer image and the offer description okay so what is the raw id the row id is uh is simply if you just type row like this you're gonna get the number of the row you're in and we need that because we may we may have a row id but we need to pull in a specific um a specific offers in that category this is the same thing as a category id because this is essentially a sheet of categories so the way you generate it is by doing this formula here and then you simply drag it down and it's simply a replica of what you see here that's really all it is the next sheet we have is all for list once again we have the row id which is this row uh formula this row function and then we have what five other categories so we have the category id for this one for the this uh sheet here we have the person name person country person rating and offer description okay we're just going to simplify it and not have like a million fields here okay so the raw id is self-explanatory it's basically a a replica what you see here the category id is the category that this offer is related to so for instance when it says 444 you go back here you find raw id it's marketing services so these three offers from michael murphy james michaels and george bill are in the marketing category then we have two offers in the category number three three offers in category number five and then the final offer in category two and so it's the same thing right three is flutter development number five is dictation so that's how you kind of deal with it we have the person country we have the rating on the offer description so we only have two sheets here and you can have as many as you want obviously but just to kind of explain to you how this works we're going to you know start you know from nice and simple we're going to have two sheets and now that we created our spreadsheet we have the data here the next thing you guys want to do is you want to click on share and you want to make sure you you have it and anyone with the link you want to make sure the spreadsheet is public okay because we need to access it so it needs to be of it publicly available okay now the next thing that you want to do is you want to google for develop google sheets solutions you just want to google for something like this and you're going to be on a page that's targeted for developers who want to interface with various google products okay so we have you know google calendar chat docs etc so you can write apps that interface with any of these products okay in today's video we're talking about sheets so that's why you can click on sheets right here open it up and then you have overview etc etc and you want to click on sheets api okay and it kind of tells you about it etc etc you can basically using this sheets api you can read write format google sheets you can do anything that you can do manually that's why it's super powerful and it's a really really great api that uh you really um you really are doing yourself a favor a service by kind of understanding it because you can do so many great things and it's great being able to access and to manipulate google sheets data because everybody has google sheets it's a great way now the next thing that you want to do is you want to go into reference and you have various things that you can do so for instance you have the spreadsheets a scope right if you open it up you're going to see this is where you can create spreadsheets you're not accessing a specific sheet inside a spreadsheet you're accessing just various spreadsheets if you need to create a bunch of spreadsheets you can do it you can update them you have batch update create get etc we're not going to be using this we're not going to be using this then you have sheets we're not going to be creating and deleting sheets the one that you want to be focusing on is right here the spreadsheets dot values because this is where you're working with specific data in other words you're not creating entire sheets you're not creating entire um spreadsheets or sheets inside a spreadsheet you're working with rows and columns and cells you're working with data and this is what you know you can do you can append data you can clear data you can clear by a specific data filter you can get data you can get by data filter meaning you can get it by a specific filter you can update and then you can update by data filter you can clear meaning delete remove the data and then you can get data and update data so you can do a lot a lot of interesting things here you can do a lot of interesting stuff and you can even try it here you can start working with it right this is kind of how you access it it gives you this request right this is the way you access it you just have to specify your spreadsheet id and then arrange and then you can specify requests so like append or if you want to do you know like you know badge get you want to get a lot of data uh this is kind of the request it's all here it's all available and you can also try it here right if you want to do a batch get or we want to just get you know specific right you can kind of do it here so for instance let me show you how this works if i click on get i need to you know i have this thing that i can you know i have this kind of playground where i can fill out these fields and i can send that data and we can get data back so let's try it right now uh it needs a spreadsheet id so you go to back to our spreadsheet and the spreadsheet id is in the url this is the id here we're going to copy it we're going to go back to our thing our playground we're going to paste it now we need the range okay so the range is let's say we want to access this spreadsheet right here this one right here and we want um you know let's say a through d okay we're gonna go back here and we're gonna say a d that's gonna give us everything the whole column of a the column a up to column d of course if you just wanted you know like you know you want 10 elements you can do 8 10 d10 but let's say you want the whole spreadsheet everything a to d that's how you do it then now you have a bunch of optional parameters you have date time render how you want to render date time then you have the major dimension this is important that's uh how you want to get the data do you want to get it in terms of rows or columns then you have value render you can format so these are optional we don't really need that and now you have your google auth you have your api key that you don't have to worry about just yet so if we execute it you're gonna have a prompt that's gonna ask you to log in and i'm gonna get into my account that's going to get permission and now that we have permission this is the data we're getting so as you can see our major dimension is rows that means we're getting it by rows okay so as you can see the first row is the header so row id offer type offer image right if you go back here row id offer typo for image we're getting it by rows so if we specify uh if you if we leave this um you know by default it's going to be rows meaning that we're going to get an array of rows which is kind of what we want in this example because our records are as rows right if we split this the other way meaning if we have row id offer type on this side and then we have something else on this side then we're going to have as columns but typically when you're going to be storing records you want your fields as column headers and the records as rows that's kind of what you want so now we have 10 rows and if you go back here if you scroll up ah you have your imagine the major dimension as rows which is kind of what the default is right major dimension is rows and this is kind of what we're getting right we're getting our uh we're getting our headers here and then we have our records and now we can easily implement that we can manipulate that we can parse that inside our flutter flow very very easy and you know we can you know we can do clear so if you're going to clear let's say we want to clear a row uh we're going to specify our spreadsheet id and let's say we want to clear out the last row okay so let's say this number 10 we can select it and as you can see we're getting this um we're getting this range here so we can just copy it makes it easier we can come back here and we can paste it in here and now when we execute it it should delete that last row so what i'm going to do is i'm going to copy it that way i can paste it because we need that last row and now let's execute it all right so now we have 200 the response status code which means it's a success we don't have that last row it's gone it has been deleted so i'm gonna paste it back okay so as you can see it's very very intuitive we can do a batch update so if you click on batch update uh you can kind of see this is a little bit more um involved right we need the spreadsheet id which is uh where you paste it in here you you copy it right here then you paste it but this is a little bit more involved we have the request body and here you can kind of build your request you can put data you can add an item um you can do it in here you can specify major dimension range and you can even specify values so let's say i want range and i can specify the range then i can also specify values uh add an item etc add an item you know i can specify the values that i want to um to update so there's a lot of interesting things that you can do for doing updates if you're doing the leads it's all very uh very intuitive it's all very very easily done so we're not going to work on this right now we can also do update we can clear um batch clear instead of just regular clear which means you can clear big parts of the spreadsheet you can clear for instance uh from here to here right you can hear you can clear from uh three to nine or you can you know you can clear this and it gives you this range this name uh this name box right you can just come in here and you can copy it if you're working with it just for testing obviously just just so that you understand how this works all right so there's lots of things that you can do now that we understand how it works now that we kind of understand everything we can start building the app now before we can actually go out and build the app we need to make sure our app can access the spreadsheet because here it's different right we're inside of google it's already built in but for us to access it from another app we need to do something important and for ad you need to go to console.google.cloud.google.com you can just google for google cloud which is an important uh thing for you so if you've never been here before this is a good idea you want to click here and i already have a project you can create a new project once you create a new project you're going to have this project here what you want to do is you want to go to enable api and services and then you want to hit plus and then you want to search for google sheets so if i type google sheets here google sheets api you want to enable it if i click on that i already have this enabled this thing here for you would say enable for me it says manage the next thing you want to do is you want to click on this navigation menu go to api and services and go to credentials and this is where you need to create your key so if you click on create credentials you can choose api key i already have an api key that i created and we're gonna need this api key in order to access google sheets from outside of google so like from our flutter flow app okay so now that we've done everything here you have your key you can show key and you can copy it now let's go into flutter phone actually build the sound all right so we're going to create a new app here and i'm just going to start a blank app i'm going to call it google sheets we're going to say create new and uh we can set a firebase for that if we want but what i'm gonna do is i'm gonna i'm not gonna use firebase here we're just gonna start building right off the top now what do we wanna build if we go back here we have our categories we have offers we have offer detail and we have card checkout etc so let's start with these ones let's stop let's start with categories offers and offer detail all right so if we go back to our app and we go to the pages we have our home page it's kind of blank but what if we can find a template that's going to be a lot more conducive to kind of what we want so we're going to say a new page and i'm going to call this offer categories okay and what i want to do is i want to go to lists and i want to take a look so how about this one this is categories right here so i'm going to say use my theme and now we have nice categories here now it has men women and kids if we go to the uh widget tree you can see that this is basically tabs right it's a tab a tab bar page uh scroll down another tab another tab bar page this is a tab bar okay we have a column and then you know we have a search bar and then we have a tab bar okay so we're gonna keep it simple we're gonna remove the tabs okay what we're gonna do is we're gonna uh come here we're gonna delete this tab bar here so that we have this basic thing we still have this tab bar here so what i'm going to do is i'm going to go into this column okay and i'm going to right click and i'm going to say that i want to wrap this widget in a list view inside a list view i'm going to say wrap widget and i'm gonna say listview and now it's inside a list view now we can drag it out and we're gonna put it right here okay all right and now it's outside the tab we still have that tab somewhere we can delete it because it doesn't even have anything and now we have our categories okay we have our categories now we can actually start populating it with the data that we want so the first thing that we need to do is this is basically a list of containers so we want to remove this container we're going to delete all of these containers here okay because this is a list view so we want it to replicate kind of by itself okay we're going to delete this container this container we have this uh search bar here we can put it above okay we can keep it above and now what we want to do is we want to go to the list view and we want this thing to replicate automatically but before we can do that we need to configure our api calls because what typically you're going to be doing is you're going to do a back-end query and then you're going to be a querying a collection or you're going to be doing an api call we don't have anything like that so let's go and create our api call we're going to add an api call api call is going to be get categories we're going to be doing a get a get method and this is going to be the api api url we're going to go back here and this is the url so if you want to get get it tells us the url right here we just paste that come back here paste it here we need the spreadsheet id let's get the spreadsheet id here paste it in between now we need the range okay so if we come back here and so these are the path parameters meaning they need to be part of the path we also have the query parameters but these are optional and then we have a bunch of other things and so we're going to go back and we're going to see what do we want to get we want to get everything so we want to get a through d we're going to go back to our app and we're going to specify let's say a through d okay now we also need we also need to make sure that we're passing our header because even though the spreadsheet is public in order to access it using the google sheets api we need to pass our key that we created right here remember i have this google sheets api key that i talked about how to create it if we go to this page here and then you go into authorized requests here you can kind of read about what kind of key you need i already told you what kind of key you need and if you scroll down it says here after you have an api key your application can append the query key to all your requests url so this becomes a query string it's not a path url so you can copy that go back to your app add it as a query parameter you're going to say key and here you're going to say string and this is going to be the default value which is what we want right the default value kind of what we're going to be passing and then i can go and get my key here paste it here and now i can say add call okay so now if we go to response and test we can paste our key here and it's going to automatically append it as a query string so let's do a test api call this is the moment we've all been waiting for let's do a test api call and we get a 200 success and we're getting major dimensionless rows which means that the values it's an array of rows so the first row is the header row and then we have all the other this is kind of what we want because we can easily parse it inside our app and get the data that we want because we want it to be an array of values right and so this json path name very very important if you don't know what jsonpath is you can google it because you know me talking about it right now is going to make the video too long but essentially you can create a custom and we only want values right so you can just put dot values and this is going to be give you and this right here is going to give you an array of rows which is exactly what you want this is only for testing okay so we're going to say save call and now what we want to do is we want to go back to our page here you want to click on offer categories the top of the page and you want to make sure we're running that query we're gonna come in here and we're gonna say api call get categories you're gonna say confirm next you are gonna go to list view and you're gonna come in here generate dynamic children we're just going to call them items i always call them items just to keep things simple i'm going to click here and we're going to say get categories response remember in the response we're getting an array we do not want an array we want a list of elements okay it's almost the same but it's a little bit different we're going to say json body we're going to say json path and here is where we can get the values that we need remember when we were testing the the api call we only wanted to get values so that's what we want to do we want to just do values here okay we're going to say confirm okay now we are getting a list of values we're going to say make sure you have confirmed here and now we're getting a list of values okay next you can go to your column you can go uh over here and you can you have your text um you can rename it to something else all of this is gonna get repeated actually you may not wanna have the text here maybe you want the text to be right here maybe right here somewhere above all this or maybe even below you probably only want to repeat this now this one here right we have a container this container and then we have a row with two elements you can have a column so for instance you can wrap this inside a column right click wrap widget we want to wrap it inside a column and now you can have a text but you can duplicate it and now you can have two text right which is kind of if you which is kind of what you do if you want uh to have one text above the other so this we have two texts and now you can set it from a variable right we're gonna say set from variable we say items and here you can see jsonpath inside the item okay inside the item and the thing is here is that remember if you come back here remember so if you want to do get and we just want to get you know a through d this just to show you how the request looks like this is the response we're getting so if you want to display the offer type you need to get the second element inside here this is the first element this is the second element so now you need to be careful here right so if you go back here let's say we want this to be the offer type okay the offer type we want to get what do we want to get we want to get the second element okay so that means you got to go back here and you want to specify as the second element it starts from zero so ins if you put zero inside square brackets is going to be the first element one is the second element we're going gonna hit confirm this might be you know the second element or the third element uh in this case so if we come in here we have the url uh we have a the type uh what is this the description so let's list the description this is to be the fourth element so that's going to be three inside angle brackets right i'm gonna set from variable items we're gonna come in here jsonpath we're gonna do three okay now let's make sure all of this works okay we've done a lot of things a lot of things are happening let's make sure it works okay and so now if you run the app you can see that every one of these containers container one container two is another in another row except of course the first container is we're getting the header right so if you come in here we are getting this header row okay and then in the subsequent containers and the subsequent elements we're getting the specific subsequent rows and so in order to fix that we need to specify a better range so instead of specifying a through d we need to specify something like a2 d10 something like this meaning that we want to start from a2 so we can specify something like a2 d10 so let's go back and make that change common here we're going to go back to offer categories in fact we want to go to the api call here and we're going to go all the way down and we want to show a2 d10 meaning like we want to start from the second row to the 10 row or of the ad columns okay so we're going to say save call and now all we need to do is restart the app run it again and that will hopefully skip that first row which is the header row all right so here's the new app and as you can see we're no longer displaying uh the header row okay we got the images here and we have the name of the of the offer types and we can also fix the image as well we can come back here to our app go back here and make sure we're displaying the image correctly and the image is which row is that is that 0 1 2 is in the third column or the second index so we can come in here we can set path from variable we can say items you can say json path and this is going to be to confirm and now it's going to be two just like this is the second row the third row the fourth row and this is going to be the third row okay so if you run it same thing is going to happen all right so there we have now we have slightly different images that i have i just picked out them at random just to show you an example okay now that we have this page working it's going to be very very straightforward to create the other pages and let's create a couple of more pages just to show you how this works if you go back to our diagram we have offers and we have offer details so let's create an offer page and an offer detail page just to kind of show you guys how it works let's go back here and what we can do is we can simply duplicate this page this the next page is going to be an offer list let's go ahead and duplicate it uh let's just call it a offer list this is no longer categories we have offered list i can just change this to list okay and now what we want to do is we want to create another api call so that we can get it the second sheet remember we have offered list here now so for that we can go back to our app we can go to api i want to go here and we want to copy this url here i'm going to say save call we want to add another api we're going to say get offered list get everything is the same except we need to specify the sheet now if we don't specify the sheet just the range it's going to get the first sheet but here we have offered list so we're going to go back here we're going to say offer list exclamation mark followed by the range everything else is the same query parameters key string what was our key again how to save it let's copy it right here copy this key let's go back paste it right here add call and we can go to offer list get offered list response and test paste the key and let's test our call and again we're getting the right stuff it's 200 to success and we are getting our rows okay so here are all rows and in this case we're sending a2 to d10 is that what we want because we just copied the whole thing copy it it's a2 f10 because we have two more columns so let's go ahead and fix that real quick a2 going to say save call get offered list response test api now we're going to get more columns okay and so here we're getting uh all the rows we're getting all the data this time we're getting two more two more columns two more fields so we have two four etcetera etcetera three four etcetera etcetera we're getting the data and then we can kind of mess around with the path name like we did before we can just save call now let's go back to our app and let's uh first make sure that this offer categories is going to have a um an action that's going to redirect it to the second page and we're going to be passing the category id which is the row id here right so if we come in here is this row id here okay so every every uh every element every um data point has as as its first field the raw id so we're gonna come in here we're going to create an action add an action we're going to say navigation navigate to uh offer list and we're going to pass a category id i'm just going to say cad id type is going to be a number an integer we're going to say confirm and then we can i can actually pass it and how are we going to pass it cat id we're going to say from variable and now we need to get the right variable it's going to be items and we need to do a json path and we're going to say 0 because the first element remember we are using 1 2 and 3 0 is the row id and we're going to say confirm and now we're going to be passing the cad id and here we can go to the offer list where we have the variable we get the cat id that we're passing and now we can actually list the stuff by the cad id we're going to say list list four and whatever cad id that we have or some or we can say offered list okay now we have the offer list in that specific category offer list now here on the second page what we need to do is we need to filter to only show the offers that were passed as a parameter from the offer category so let me show you so here's the spreadsheet if i click on marketing services which is category row 84 and i go to the second page i only want to see these three offers i don't want to see everything so we need to filter it so if we go back here we're on this page now here we are uh what you guys want to do is you want to go to offer list and you want to do an api call you want to switch from get categories to get offer list right because we duplicated the page next we have the list view and the list is the same we have the items we're getting the items but the trick here is that if you're doing something like a query collection you have a filter built in into flutter flow but if you're doing an api call you don't have a filtering built in so we need to be a little creative and so what we're going to be doing is we're going to go to listview and listview is is basically a collection of columns that that is what we're repeating we're going to go to column and we're going to create a conditional visibility we're only going to show columns that match a certain condition so we're going to set conditional visibility and we're going to come in here and what we want to do is we want to make sure that the cad id and this is the argument that we're passing from the first page matches something inside one of these elements that we have here so we're going to do condition we're going to say cat id confirm second value is going to be a from variable and we are going to say items the items that we're um going through the one the items that we are um uh listing here we're gonna go to items and we're gonna say jsonpath and we're gonna say zero one okay because we want to match this column this column we don't want to match we want to match the id that we're passing the cad id here to this column this is zero this is one okay we want to match it here so we're gonna gonna go back here one confirm confirm and now we have cad id matches carried is the variable we passed from the first page matches uh whatever is in the uh the second column of that record of the row which means we're only going to see so let's also configure different things here so we also have these two um two text fields that are one above the other because they're in the columns they're kind of vertically and what do we want to show well we want to show the person name and uh person a may be below but we want the offer description okay so for description and then the person name so offer description is zero one two three four five so that's five and person name is two so five and two gonna go back here this is gonna be five let's put that to five and this is gonna be two we can also make it a little bit smaller font just so that it kind of you know because the name is not the focus right now the focus is the offer description we're gonna have in here so we have five and two we also have the image but i think the image is we don't have any images so we're not gonna touch the image we can have the image of the person but you know you guys can do that on your own it's very simple you just you know all you have to do is create another row here image this is going to be six and then back here you can just specify dollar six so we don't have any image and so i'm going to leave that as blank and now let's see if the filtering works the key here is the filtering so let's run the app all right so here we are in the categories page and if you recall we have a bunch of marketing offers we have three marketing offers we have two what is that uh two flutter development offers and then we have a bunch of other offers so let's try if it works let's try marketing offers and we get three marketing offers right michael murphy james michaels and george bill if we go back here we have michael murphy james michaels and george bill we also have two flutter development offers so let's go back and let's try flutter development we have two offers here so it's filtering perfectly and we can also try what else do we have we also have two or three number five which is dictation offers so let's go back here let's try dictation and we have three offers here as well as you can see and so this is working perfectly let's create one last page just to show you the details but this is going to be very very simple to do let's go back here let's create a new page this is going to be our detail page i'm just going to say all for detail and let's get a template content uh i think yeah i like this one use template and now we have our content okay so you can add to cart etc etc now once we have the page here we need to make sure that we are passing the navigation works and we're passing various variables from this offered list so what we want to do is we want to go to list view we're going to start from the column and we're going to add an action okay the action is going to be navigate to navigate to offer detail and we're going to pass a bunch of parameters there's a bunch of ways of doing it we can pass the offer id then look it up and get all the data but i'm just going to keep it simple i'm just going to pass the parameters that we need in order to populate the page and so what are we going to be passing the person name country rating and the description so this is zero one two this is two three four five so two through five of the of the row we're going to be passing so name country rating and description so we're going to come here and we're going to define our parameters so we're going to add a parameter it's going to be person name this is going to be a string add a parameter this is going to be a person country this is going to be a string add a parameter this is going to be a person what else do we have there rating and description person rating and this is going to be a double and a description or for description this is going to be a string we're going to say confirm and now that page expects those variables now it's time to pass we're going to say person name is going to be from variable um it's going to be items item json path and i believe it is 2 0 1 2 2 5 okay so 2 through 5 2 we're going to say another parameter pass person country same thing from variable and we're going to say item jsonpath this is three let's say pass person rating it's going to be from variable this is going to be items items jsonpath and this is 4 and last but not least offer description from variable items items jsonpath and this is 5. okay now we have four variables we're passing we can go to this page and we can actually list them so this could be the person name this could be description and this and then we can have oh this could be the rating maybe so let's have a rating and in fact for rating i believe we have a really nice widget we can use let's take a look actually right here we can search for it rating there it is rating bar okay so perfect we can delete this now we can we can also center it perfectly and this is going to be a rating that we can essentially um come to rating bar and we can have the initial rating okay so basically it's going to show them personally they can rate it themselves how they want to rate it um item com we have five items and we can actually uh rate it ourselves we could set the rating so let's do a class name is gonna be the person so we have person name this is going to be description of a description uh we are going to have the rating person rating and maybe the country themselves the country as well so let's say person name here i'm gonna add another uh this is a row here why don't we add why don't we wrap it yeah row is fine i'm gonna add another field here and this is gonna be text uh some kind of a text field and i'm just gonna have the name of the country let's make it a little bit bigger and let's do a name of the country person country so this is the country name their country the rating description and you know you can replace it or delete it you can delete all of these cards and this could be add to cart there we have it and yeah we can delete them let's go to this top friends let's delete all that and now we have this and now let's also do this while we're here this thing is going to go back navigate back so it's already done all right so let's see if it works let's see if it works all right so here's the app we have categories we can we should probably remove this right here because that's the initial page marketing services we want michael murphy and there we go michael murphy is a five out of five you asked let's go back here is he really five out of five mark 4.8 yeah close enough let's go back and let's say i want a george bill let's take a look at george bill here george bill is three so that should be three stars and it's three stars here and you can add the card etc or we can go back and we want to do dictation we want nick nicholas five out of five lt nick nicholas is five perfect do we have anybody lower we have 3.5 ready ready kane let's do that let's pick him there we go 3.5 yeah it gets rounded up to so it becomes 4 out of 5 there to card etc you can change the image to their profile and then you can build all the other functionality i did an add to cart functionality in one of the previous videos you can easily build it out by storing it as part of the local store and you can kind of do all the other functionality that we talked about here profile with the authentication everything like that but really the purpose of this video was to show you how you can integrate with google sheets directly without using any kind of um third-party service any intermediaries just going directly and working with them so i really hope you found this video valuable if you want to view and clone this specific app that i just built you can do so from my patreon page that you can find uh in the description below and definitely i would appreciate you signing up and supporting me as well and so if you like this video smash a like button leave a comment below and do not forget to subscribe to the channel if you want to see more similar no code content thank you so much for watching and i'll talk to you real real soon
Info
Channel: James NoCode
Views: 15,257
Rating: undefined out of 5
Keywords: flutterflow, flutterflow tutorial, flutterflow tutorial 2022
Id: adxDJqslsyE
Channel Id: undefined
Length: 41min 49sec (2509 seconds)
Published: Fri Aug 05 2022
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.