Efficient Folder Structures for Large Flutter Apps | Feature-First vs. Module-First Approach

[@Staycoolvisuals]

I love how you break everything down, I just adapted to this structuring its amazing and keeps everything organized, makes collaboration even easy. 🌟🌟🌟🌟🌟

[@CodingwithT]

I am glad it’s useful to you

[@abderrazakschannel4491]

Best instructor of flutter in KZbin

[@CodingwithT]

So nice of you ❤️

[@brofexpro284]

Best e-commerce flutter app tut in the youtube, ngl 10/10

[@CodingwithT]

Thank you 🤩

[@MuhammadAfinF.]

It's amazing that i've found your videos as i start learn flutter and create my own project. Gonna waiting for your new videos!

[@CodingwithT]

Thank you. You can watch the video in the playlist. Link is in the description 🎉

[@rafaelrojas9028]

I can't believe I've paid for way too many courses that I didn't like and didn't find this before. Do you have any plan for a course like this using clean arquitecture with riverpod? If so, I'll be waiting. Thank you very much for such a great contribution! 👏

[@chocolatemagnum1174]

i love you jazakAllah khair!

[@CodingwithT]

You're welcome! If you have any more questions or need further assistance, feel free to ask.

[@wuba6977]

Thank you for your tutorial. I didn't watch the whole video yet but I'm confident that it will be useful to me. I'm starting to learn flutter and this tutorial is great.

[@CodingwithT]

You welcome 🤗

[@alisampson6639]

Amazing instructor you are sir. Your videos are always on point.

[@CodingwithT]

Thank you so much 🙏 for your kind words 💕.

[@DravidChauhan-p6i]

Super sir you are best flutter teacher in KZbin thank you sir 🎉🎉

[@CodingwithT]

Thank you so much for your kind words! I'm glad to hear that you're finding the Flutter tutorials helpful. If you have any questions or need assistance with anything, feel free to ask. Keep coding and learning! 🚀🎉

[@madhavunadkat]

Sir how to get confidence in coding sometimes coding gives decrease our confidence

[@ryansumbele3552]

is package thesame as directory ? cause i don't see package after i click new , i see "directory" instead.

[@CodingwithT]

Yeah it's the same, sorry for the confusion 😕

[@jazzelradaza343]

Hello! I love how informative your tutorials are! What IDE or Code editor do you use?

[@sangameshkyatappanavar]

He's using Android Studio in this video!

[@CodingwithT]

I primarily use Android Studio for my tutorials. It's a powerful IDE for Flutter development, offering a range of features tailored specifically for Android app development.

[@CodingwithT]

Thank you @sangamesh.96

[@sangameshkyatappanavar]

@@CodingwithT no problem sir 🙂 A quick tip: please try to increase the font size of the IDE... the zoom effect doesn't completely mahe the text very clear... But a major problem, but something worth giving a thought sir 😊💗 Again, thankyou for this amazing and mind-blowing tutorial 💗

[@sangameshkyatappanavar]

Sir, could you please tell us from where you downloaded the assets and images... They are very pretty! I'm sorry that I can't buy them from your link in description. Please tell us the website to download sir 🥰💗 Again, thank you for this amazing tutorial@@CodingwithT

[@gamerxmain4157]

I would like to ask at 11:54 when I right click the lib folder then click new there's no package create only new directory why? and how can I Fix this please

[@CodingwithT]

They both are same names and same things

[@ShailyChawda]

If we create a directory instead of packages still it will gonna run or have same meaning

[@azeemhassanch]

Brother please make more mobile apps in Flutter, they way you teach is more understandable and easy to implement.

[@CodingwithT]

Thank you buddy. For sure I will launch more Courses.

[@RehmanJutt-zo4eg]

sir where are we find font packages because description not mention??

[@CodingwithT]

You can get the Project Starter kit for free from containing Assets Folder Structure and much more codingwitht.com/product/flutter-ecommerce-app-with-firebase/

[@IzzatH-pk4xx]

11:53 when I right click, i dont have the package option but directory, are they the same?

[@IzzatH-pk4xx]

they are the same

[@CodingwithT]

Yes same 👍

[@dilshanisenarathna8096]

Amazing! I'm going to follow along with you through this project

[@CodingwithT]

Fantastic 😍

[@chanchaikhamphanchana3992]

I bought your code today. Thank you.

[@CodingwithT]

Thanks to you ☺️

[@miraclesofhomeopathy4205]

can you share it with me😥😥

[@muhammadFahad-lr2ed]

sir please lunch a playlist for admin panel as well...sir best tutorial on youtube

[@CodingwithT]

I am working on it and will start Admin Panel tutorials from this week.

[@WinnerUghakpoteni]

@@CodingwithT when will it be available

[@hoangphong1816]

What is the way to get assets? Do I need to buy them?

[@CodingwithT]

No You can download the complete Starter Kit with all the assets for free. Link is in the description.

[@titojesus615]

what do you think of clean architecture?

[@maazafridi2090]

awesome........ very good tutorials..... ❤❤

[@CodingwithT]

Thank you 😊

[@alghanykennedy]

Cant wait fot the next part!🎉

[@CodingwithT]

Thank you 😊

[@afrunnishabathusha7133]

Sir, whether this project is for multivendor or single vendor... And whether it has admin panel. Also

[@afrunnishabathusha7133]

I thought of doing ecommerce application for my final year project right now

[@CodingwithT]

It's currently a single vendor and in the next playlist I'll start the admin panel. Once that'll be completed we will go for multivendor.

[@maazafridi2090]

Assalamoalaikum...... please, please this is my second time commenting on this but..... Could you please complete this whole project? many other KZbinrs start that type of project but in the end, they stop their project with only the front end.. so please make a whole project video until the backend comes. ❤❤❤❤

[@CodingwithT]

Thank you so much for your support. Don't worry I'll complete this and also planning to launch a new one for it's Admin panel

[@muzairazhar6357]

How i get all images and fonts where the link of code the link you provided its not working and your code is paid how i get all the stuff

[@CodingwithT]

Dear it’s not all paid. You can choose free starter kit at $0

[@awisadestiny5459]

Wonderful video, I have learnt alot from this series , but where can i download those animated gifs for personal projects?

[@CodingwithT]

Thank you. You can get those from icons8 and lottie images

[@awisadestiny5459]

@@CodingwithT thank you alot

[@IbraheemElDali]

What is the structure of views folder if we have many pages in the feature. you make like this? Views: - Login folder (login page.dart + widgets folder) - register folder (regiser page.dart + widgets folder) ? Thanks

[@CodingwithT]

Yes, you can use this structure for organizing views in a feature-first approach. It helps in keeping your code modular and easy to manage.

[@ryansumbele3552]

please where can i get the fonts?

[@CodingwithT]

Its free and publically available. Simply Google Poppins Google Fonts. Or you can also use Google_fonts package

[@CodingwithT]

You can now download the complete starter kit app for free from the link in the description.

[@priyanshuverma107]

which android studio theme are you using?

[@CodingwithT]

Its a new one in the latest Android studio

[@APPUdayanga]

great start sir,Is this in this project including FCM notification sir?

[@CodingwithT]

I will create a complete playlist on fcm in this project, right after this playlist. 😊 Stay tuned.

[@zazuzazu-wb4oc]

Hi! Please help! I keep getting an error when I try to run the application. It keeps saying that my gradle version is incompatible with the Java version that Flutter is using for gradle so everytime I try to build the app it fails. I'm using Java 19, Gradle 7.6, Flutter version 3.24.4, Dart version 3.5.4 and DevTools version 2.37.3. I'm soooo stuck and I don't know what to do I've been trying to troubleshoot this for days but I have no luck and it's making me so miserable lol. Please help!

[@CodingwithT]

Hi, I am sorry for your error. Please download the app project starter Kit from codingwitht.com/product/flutter-ecommerce-app-with-firebase and run the project. If the error persists then let me know

[@muhendis_]

incredible video, thank you

[@CodingwithT]

You welcome 🤗

[@RanjanaChoure-c8p]

I am not able to download fonts and assets

[@moizansari5159]

Same here.

[@CodingwithT]

To download the starter kit, you can select app project starter kit in the variations from codingwitht.com/product/flutter-ecommerce-app-with-firebase or you can download from cwtstore.gumroad.com/l/Flutter-Project-Starter-Kit

[@hadeedabdulislam437]

Assalam-O-Alikum sir ! Hope you are fine, here I confused because the font style how can we add the same font style that you add in this projects and second is we create all the folder that you create first? in the starting of project?

[@CodingwithT]

Wa Alaikum Assalam you can get the app project starter Kit for free from codingwitht.com/product/flutter-ecommerce-app-with-firebase Let me know if it helps

[@Prototype.abdullah]

i have a small question can i build full backend in firebase

[@Prototype.abdullah]

please sy me if is it possible

[@CodingwithT]

Absolutely! You can build a full backend with Firebase. It’s got everything from database to authentication and serverless functions! 🚀

[@anonymous-ty2lv]

does this playlist contain full app with admin panel? or we have to buy

[@CodingwithT]

Yes, the playlist contains both the app and admin panel tutorials. The app tutorials are completed, and I'll start uploading the admin panel videos from next week.

[@anonymous-ty2lv]

So the app is not complete?

[@gawaderajesh]

First of all thank you.. Few questions 1. Where can i get starter code? Do i need to pay for it. You are shwoing everyting from basics so nicely then why there are pre installed packages( iconx) in yaml file, can you show that also step by step for abolute beginner like me. Please. I went to your site to buyt course but it ask only for card no other payment option. Can I access or buy your course on udemy. is it ok if I pay your using thanks as i see there many pyment options 🙂) Please help I really want to leverate you course.

[@CodingwithT]

Welcome 😊.. You can download the starter kit for free. From the link provided in the description.

[@shannorman7285]

I checked the link in the description, and it led me to a course page. However, I didn't find a button to download it. Could you help me? It's an Answon course .@@CodingwithT

[@SreeragNair-w9l]

Sir one question, from where do I import fonts? Basically how to get fonts in fonts folder?

[@CodingwithT]

Download from Google or if you need this one. You can download a free starter kit. Link is in the description

[@ibitowadaniel848]

​@@CodingwithTthere's no Link to the starter kit

[@fathimaifla9215]

good morning how you add inside of front directory things ? i cant understand that

[@anesabdelli965]

Go to this video's description , buy and download the free code version , unzip it , copy the assets folder than paste it inside your project folder ( replace the older assets folder with the one you copied ) , and you're good to start coding

[@anesabdelli965]

Go to this video's description , buy and download the free code version , unzip it , copy the assets folder than paste it inside your project folder ( replace the older assets folder with the one you copied ) , and you're good to start coding

[@IzzatH-pk4xx]

hello, what do models use for in feature based?

[@CodingwithT]

They have the same role in both types. Models usually used for Mapping the data

[@MohamedAbushaar-v3z]

Hey, I have a problem once i try to add a new package in the lib , package choice doesn’t exist

[@abhijithakumar6874]

Is there any choice 'Directory'?. use that

[@CodingwithT]

The package and directory are kind of a same thing.

[@moizansari5159]

Thank you so much Sir for this Flutter App Treasure 😍 But i only want to know that where do we get these all assets like images, fonts, logos e.t.c because we need much in that.

[@CodingwithT]

Check description! You can get the Starter kit from the product link and there choose a Variation of Starter Kit its free

[@moizansari5159]

​@@CodingwithT Yes Thanks Sir ❤

[@furkanbozkurt7309]

@@moizansari5159 Brother If u did this can u help me cuz ı didn't get that

[@muvut3144]

Features ko right click baad create package ka option show nhi horaha .. shirf directory araha hai....

[@CodingwithT]

Directory and Package are the same things ✌️

[@amangupta4557]

sir can i start to build this app in vsocde by following your this e commerce tuturial

[@amangupta4557]

pls repy this man

[@CodingwithT]

Yes dear of course you can do that.

[@CodingwithT]

It’s recommended to go with Android Studio if you are not familiar with VS Code as well

[@harisankarl6292]

Could you please do the same with mongodb and nodejs ?

[@CodingwithT]

Noted

[@zumbarto]

Great channel

[@CodingwithT]

Thank you! I'm glad you enjoy the content. 😊

[@zumbarto]

@@CodingwithT best channel ever

[@m.k.alsanabani]

where is the assets you used as logos and images and fonts

[@CodingwithT]

I have attached the free starter kit with all the assets and you can download that from the description or visit codingwitht.com

[@freakingjosh5010]

How to create subpackages?

[@CodingwithT]

To create subpackages, organize your code into separate folders under lib/, each with its own Dart files

[@SomeshGumachi]

@CodingwithT Source Code URL not working please check once.

[@CodingwithT]

Sorry for the inconvenience, we are moving out hosting so maybe you face some ups and downs. Please retry

[@Vansco013]

Is there a link for the design file?

[@CodingwithT]

Thank you for reaching out. Unfortunately, there isn't a design file available for this project. However, you can follow the video tutorial to recreate the design step-by-step.

[@vaniyaray6672]

So here we are using mvc folder stucture?

[@CodingwithT]

Yes

[@hidaya1538]

Great video!

[@CodingwithT]

Thank you 🙏

[@bhaveshpamnani7418]

There is a admin panel??

[@CodingwithT]

Yes there is the admin Panel of ecommerce app. You can get the code from codingwitht.com/product/flutter-ecommerce-app-with-firebase/ and for tutorials www.patreon.com/CodingwithT848/membership

[@bhaveshpamnani7418]

@@CodingwithTvideos is there in playlist

[@YashSisodia-z7p]

is this playlist totally free i mean all assets and everything on youtube ?Can i learn from this only or i have to purchase the code etc etc ?

[@CodingwithT]

Each and every tutorial is uploaded on KZbin for free and also you can get the starter kit from the description for free. All the assets are added for free

[@CineSmash1]

@@CodingwithT where the assets are provided can you mention it

[@CodingwithT]

@CineSmash1 Yes buddy you can simply download the starter kit from the download link given in description and select Starter kit for free with all assets

[@CineSmash1]

@@CodingwithT where i actually dont understand please give some information or provide some links

[@CodingwithT]

@@CineSmash1 In this you have to select App Starter kit at the bottom in the Variations Dropdown. codingwitht.com/product/flutter-ecommerce-app-with-firebase/

[@harisankarl6292]

If i go through the video , ca i make this app?

[@CodingwithT]

Yes, by following these videos, you can easily build a complete e-commerce app!

[@seraphimhelenl.rosales5224]

sir, im just a beginner, how do i add packages folder in lib folder?

[@CodingwithT]

I did not get your question. Which packages folder you want to add?

[@jaxongirismoilov7472]

Fantastic tutorial !!! where can I get local assets ?

[@CodingwithT]

Link to download the project starter kit is in the description 🎉

[@ibitowadaniel848]

​@@CodingwithTit's the only the link to the full paid code that's available. There's no starter code anywhere. Please make it available 🙏

[@moizansari5159]

@@ibitowadaniel848 You have to add " Free of Cost " in Billing Details with adding other Details to get the App Starter KIT for Free

[@basitfaizan7928]

sir my question is how should I make my folder what things I have to add how to find that this folder should place here or there

[@CodingwithT]

Dear, Just sketch the outline of your project first. Do not directly start coding. Go for the documentation and your questions will be solved.

[@basitfaizan7928]

@@CodingwithT also can I use python for some backend part with flutter , I do not wants to use Flet but python as a backend with flutter

[@zahaanmahajan1606]

What android studio theme is this?

[@CodingwithT]

Its a new UI in the settings -> appearance

[@nthgtosay..6860]

can we get assets used in this project ?

[@CodingwithT]

Yes. You can download project starter kit from the link of the product in the description

[@nthgtosay..6860]

it would be helpful if u provide starter kit separatly in the description coz i can't find it sir* @@CodingwithT

[@sameerpatel845]

where is the resourses files and materials

[@CodingwithT]

You can get the source code from our website codingwitht.com.

[@moizansari5159]

You have to add " Free of Cost " in Billing Details with adding other Details to get the App Starter KIT for Free

[@CodingwithT]

Check description! You can get the Starter kit from the product link and there choose a Variation of Starter Kit its free

[@MohammadHaseeb-e4x]

How to setup separate themes for different markets. eg. Your app is in different markets like DE, CA , US and you have different color themes for different markets. How can we achieve this in flutter?. In android we have separate folders for markets.

[@CodingwithT]

You can create different constant color files based on your markets and can create a helper function which should return a specific color based on the user's current location. And use that in your design. Same way you can set themes

[@iamhereto]

If it was using bloc statemanagement it will be best

[@CodingwithT]

I will try to upload a Course on it soon.

[@hamzafeghouli4297]

where can I find the asset folder please ?

[@anesabdelli965]

Go to this video's description , buy and download the free code version , unzip it , copy the assets folder than paste it inside your project folder ( replace the older assets folder with the one you copied ) , and you're good to start coding

[@JalalTech-i2g]

How you make your Android studio theme and folders and icons like that ❤

[@CodingwithT]

It's a new UI of Android Studio Giraffe.

[@DevRequest-m1t]

can you please share se assets? like fonts and images

[@CodingwithT]

You can download the project starter kit from the product link in the description. It contains fonts, images, utilities and folder structure

[@femjcommunication]

@@CodingwithT nothing can be found to download for free, have you remove the link that contains the fonts, images, utilities and folder structure

[@bhargavdasari448]

How to download fonts?

[@CodingwithT]

You can download the App Project starter kit having folder structure fonts assets for free from codingwitht.com/product/flutter-ecommerce-app-with-firebase/

[@Prototype.abdullah]

Please tell me minimum charges of e commerce app

[@CodingwithT]

I didn't get what you want to say about charges. can you please elaborate? If you are talkking about downloading the code. Then you can download it from codingwitht.com/product/flutter-ecommerce-app-with-firebase

[@Prototype.abdullah]

@@CodingwithT ok thanks But i am asking what i can charge to client in minimum price

[@Prototype.abdullah]

@@CodingwithT you explain step by step That is amazing.

[@pramodudayanga7102]

thanks Sir, what is the date next video upload

[@CodingwithT]

In few hours 😃

[@pramodudayanga7102]

@@CodingwithT ok sir,🥰

[@HamzaShoaib-h1v]

Hello sir! if you give the starter project file for easy-to-learn

[@CodingwithT]

Check description

[@NayeemHossain-fj9jq]

How do you add fronts manually?

[@CodingwithT]

To add fonts manually in your Flutter project, follow these steps: 1) Download the font files: First, obtain the font files (typically in .ttf or .otf format) you want to use in your project. You can download fonts from various websites or use licensed fonts you already have. 2) Create a fonts directory: Inside your Flutter project directory, create a directory named fonts if it doesn't already exist. 3) Copy font files: Place the downloaded font files into the fonts directory. 4) Update pubspec.yaml: Open your pubspec.yaml file and add the font files to the flutter section. Here's an example of how to specify font files: flutter: fonts: - family: MyCustomFont fonts: - asset: fonts/MyCustomFont-Regular.ttf - asset: fonts/MyCustomFont-Bold.ttf weight: 700 Replace MyCustomFont with the desired font family name and adjust the paths to match the locations of your font files. 5) Run flutter pub get: After updating the pubspec.yaml file, run flutter pub get in your terminal to fetch the new dependencies. 6) Use the font in your app: Once the fonts are added to your pubspec.yaml, you can use them in your app like any other font. For example: Text( 'Hello, world!', style: TextStyle(fontFamily: 'MyCustomFont', fontSize: 20), )

[@FarazAmeen-n4j]

Two errors found please guild me sir how to solve it 1) The method 'GeneralBindings' isn't defined for the type 'App'. liblapp dart:17 2) Undefined class 'CartModel lib\utils\helpers\pricing calculator.dart

[@CodingwithT]

These are the features we will use later on so far now Simply comment them out.

[@shaibfavour5632]

you are amazing

[@CodingwithT]

Thank you 🤩

[@OliUllah-j9g]

Done ❤

[@CodingwithT]

Thank you so much for your support!

[@programmerworld5018]

bro u need to provide the link of assets

[@CodingwithT]

Already shared in the description

[@Malikmehtabali1]

love it

[@CodingwithT]

Thank you

[@hemza1916]

sir startup project ka link ?

[@CodingwithT]

In the description

[@hemza1916]

@@CodingwithT you only provide source code

[@unknownprogramme]

source code paid hai... kia assets de sakty ho me ?

[@CodingwithT]

In the same source code you have to switch to UI kit and that is free

[@amangupta4557]

vscode*

[@singaraiahmachavarapu4487]

can you please share figma

[@CodingwithT]

I don't have any Figma design.

[@singaraiahmachavarapu4487]

Pay version

[@singaraiahmachavarapu4487]

How to create animation images

[@CodingwithT]

Please visit the lottie images and use the lottie package to easily ass animation images

[@singaraiahmachavarapu4487]

Please share me your project images

[@saveajadulu]

Wa'alaikum salaam wa rahmatullaah wa barakaatuh

[@Hamza-yq7sj]

Your Project starter kit give some errors.....

[@CodingwithT]

What kind of?

[@Hamza-yq7sj]

@@CodingwithT some files missing..

[@CodingwithT]

Did you run flutter pub get command? I will check it again 🤠.

[@Hamza-yq7sj]

@@CodingwithT yes sir i did

[@javidibra6786]

😍😍😍

[@CodingwithT]

Thank you

[@vijeyakumarvineescar8439]

sir i don’t have money can you send whole tutorial for free?

[@CodingwithT]

You can access the whole tutorial for free on KZbin.

[@amangupta4557]

sir can i start to build this app in vscode by following your this e commerce tuturial

[@CodingwithT]

Yes you can

[@singaraiahmachavarapu4487]

can we get assets used in this project?

[@CodingwithT]

Yes you can download assets from the product link in the description and select the variation as Project Starter kit

[@amralaa63]

Where can i get the assets

[@nasikmohammed_1710]

Just create

[@amangupta4557]

sir can i start to build this app in vsodede by following your this e commerce tuturial

[@CodingwithT]

Yes you can do that