Mastering Flutter: Essential Utilities, Helper Functions, Constants and much more

[@frostythewhiffer8102]

when will next vid be uploaded ? :') By when the playlist will finish? Wanna stay consistent till the end by progressing daily! Thankyou for all your efforts Lots of Love! :)

[@CodingwithT]

I will upload the next video in a few hours and will keep posted videos almost on a daily basis.

[@frostythewhiffer8102]

@@CodingwithT BTW is flutter feasible for GSOC 2024? If so, It’d be great if you could make a brief video on that topic too !😇

[@CodingwithT]

I'm not sure about 2024 but yes It was in GSOC since 2020 and most likely will also remain as Flutter is also Google's lang

[@mihretabgirma9448]

@@CodingwithT please code free open source push ........................other thing is you is proffessional developer

[@luqmanadebayo8398]

This is the best flutter tutorial videos so far, not only teaching but also explaining how to do project in professional ways. You are the best T, thank you ❤

[@CodingwithT]

Thank you so much for your kind words! 😊 I'm thrilled to hear that you find the tutorials helpful in learning Flutter professionally. Your appreciation means a lot! 🚀

[@chewlsyy]

Very detail explanation!! I love how you approach a real-world example for the tutorial which help me to understand everything better. You even teach on how to sort the files on previews video which i have never been taught in school. Thank you sir for releasing this for free. May Allah bless you for the knowledge you share. Ramadan Mubarak and Happy Eid (in advance)🎉

[@CodingwithT]

Thank you so much for your kind words! I'm delighted to hear that you found the tutorial helpful and that it provided you with valuable knowledge. It's always my pleasure to share useful information and real-world examples to help others learn and grow in their skills. Your appreciation means a lot, and I'm grateful for the opportunity to contribute to your learning journey. May Allah bless you abundantly as well, and I wish you a blessed Ramadan and a joyous Eid in advance! 🌙🎉 If you have any more questions or need further assistance, please don't hesitate to reach out.

[@amarahmed4123]

@@CodingwithT Thank you very much, your tutorial is very helpful I wish you a blessed Ramadan, you are a great teacher! how can I find the full code please ?

[@adijaykayiza8769]

Amazing work man. Also on the color helper part I reckon a Switch statement would be as effective ``switch (value) { case 'Green': return Colors.green; break; case 'Red': return Colors.red; break; //and so on ``

[@CodingwithT]

Thanks for your feedback! Using a switch statement for the Color helper part is indeed another valid approach and can be quite effective, especially if you have many cases to handle. It offers clear readability and can simplify your code. Feel free to implement it according to your preferences and project requirements. If you have any more questions or suggestions, feel free to share them. Keep up the great work!

[@user-ow8zc3zn2x]

Loving it man, you are a great teacher.

[@CodingwithT]

Thank you so much for your kind words! I'm thrilled to hear that you're enjoying the content and finding it helpful

[@legardemontcho6739]

Very good chapter once again. Concerning colours, I'd like to know what you think of colorScherme? I think that colorScherme controls a large number of widgets in a global and coherent way.

[@legardemontcho6739]

I think that internalising the app in at least 03 languages should be considered. Regarding the storage of strings, I'd like your opinion on the multi-language app?

[@enesuqur]

Yes, this is a project built with a perfect layout. But how can we determine everything from color codes, sizes, texts we need to use, all the other details before we start building the application and prepare a layout in this way? Can you give me an idea how I should think about this? Because really, such a start would be a great convenience in the future of the project.

[@CodingwithT]

Planning out your app's design and layout before starting development is crucial for achieving a polished and cohesive result. Here's a general approach you can follow: Requirement gathering, Design in Figma(or anywhere you want), Iterate and Refine, Prepare Design Specs,Begin Development

[@analyticswithjaspreet]

thank you sir ! top quality content !

[@CodingwithT]

Glad you liked it!

[@analyticswithjaspreet]

@@CodingwithT sir please do a project on bloc & particularly make a playlist on bloc would be helpful !

[@anisurrehman4274]

Assalam alekum sir, where will we get the resources of the images of this project and the resources of Lagos sir and also the icons. .please do answer

[@CodingwithT]

You can get the assets and resources from Project Starter Kit for free :codingwitht.com/product/flutter-ecommerce-app-with-firebase/

[@anisurrehman4274]

@@CodingwithT sir how much time its delivered

[@revianravilathala4246]

how to i want to get api constant

[@zumbarto]

Hello, I read your laptop recommendations. You suggested macbook pro m3. What do you think about macbook air m3 with 16gb ram?

[@CodingwithT]

Hello! Thank you for reaching out. The MacBook Air M3 with 16GB RAM is indeed a good choice. However the Pro model typically offers better performance and features suited for development needs.

[@hammadzahid80]

15:30 where are these functions

[@herleyshaori]

Thank you T.

[@CodingwithT]

You are so welcome.

[@amd4iq]

Thank you very much!

[@CodingwithT]

You welcome 🤗

[@legardemontcho6739]

I'd like to know if you've forgotten the extensions folder, for example. You can make extensions for: bool, string, Color, context, ... and so on.

[@CodingwithT]

Can you please explain a bit more

[@legardemontcho6739]

@@CodingwithT Could you clarify if you've considered creating an 'extensions' folder? In Flutter, you can create extensions for different types like bool, String, Color, BuildContext, and more. These extensions allow you to add additional functionality to these types. For example: extension ExtensionColor on Color { static Color randomColor(){ final random = Random(); return Color.fromARGB( 255, random.nextInt(256), random.nextInt(256), random.nextInt(256), ); }

[@ryansumbele3552]

is this a full stack e-commerce app or it's just a UI

[@CodingwithT]

It's a Complete Fullstack app. I suggest you watch the first official video to know more about this.

[@caob1876]

I dont' understand the purpose of the color page for example, seeing as we just spent a while setting up the themes?

[@CodingwithT]

Good Question. You will have the answer as you go along the series but let me quickly tell you. We did created most of the things in Themes but not all. There will be many scenarios like Cards, Icons, Containers where you will see that we need colors and by keeping all the colors in the 1 file helps your manage things easily. 😀

[@fatmakaatar3519]

Assalamu alaikum love your content. Allahumma barik. I have a question on how i can get the api secret key in the api constants dart file. Shukran

[@CodingwithT]

Walaikum salam, thank you. Secret Api keys can be found by the service provider whose API you wanted to use. Like Paypal, Stripe etc

[@alirezahasani263]

thank you. very useful;

[@CodingwithT]

You're welcome. I am glad that you like it.

[@moizansari5159]

This is Good But you keeps on going fast as you provided code for the starter kit for App or Web but if we can just copy and paste it again and again so how can we learn the logic behind every thing or every file or class. i am confused here please answer me !

[@CodingwithT]

I understand your concern. It's great that you want to learn the logic behind the code instead of just copying and pasting. I'll make sure to explain each part of the code in more detail to help you understand the underlying concepts and logic. Feel free to ask any specific questions you have, and I'll be happy to clarify!

[@SharifYaqubi-cy7rd]

that was awesome, but when You create const, it does not need to add the Type I mean like this static const double xs = 4.0; instead static const xs = 4.0;

[@CodingwithT]

Yes, you're correct. When you declare a constant with the const keyword in Dart, the type inference system can automatically deduce the type based on the value assigned to it. So, specifying the type explicitly is not necessary, although it's not incorrect to do so. It's a matter of personal preference and code style.

[@MohamedIslamDJOUABLIA]

sir asalamo alaykom , i have a question , if this is a designe pattern or not , u mentioned in the beginig of this course that u will use the features for folders , but is this methos is a designe pattern known in software engineere ? and if true please tell me the name of this designe pattern , thanks

[@CodingwithT]

Walaikum Salam, The folder structure is for sure laid out as Feature First but the Design Pattern we are using is MVC (Model View Controller)

[@MohamedIslamDJOUABLIA]

@@CodingwithT thank U so much sir , please tell me if there's an admin part toturiel for this e-commerce app.

[@aswinsubhash7581]

U are using screen widht and height functions with different name like getScreenHeight in device utility and screenHeight in helper functions, both are same right? Both having different use cases???

[@CodingwithT]

Nothing specific 😕. I didn't notice that. You can use any one of them.

[@aswinsubhash7581]

@@CodingwithT ok brother i am bit confused thats why😊

[@kadercherif232]

Hello, I like your video series thanks I learned a lot but how do you know if a keyboard is displayed or hidden when you click on a texfield widget or other widget that uses a keyboard?

[@ImLearningToFlutter]

MediaQuery.of(context).viewInsets.bottom != 0.0 if this condition is met, it means that the keyboard is open

[@samadhiwarsha4500]

Sir Can you please let me know from where I can get the helper function code

[@CodingwithT]

From the link in description

[@gsetsmind]

love from india

[@CodingwithT]

Thank you India, it's always been a huge support from you all. Thanks 🙏👍

[@hisyamabilkhoir7092]

13:38 in internationalFormatPhoneNumber, what is return ?

[@Ninja-YT2126]

same question

[@thuongtrinhvan2001]

thank you sir

[@CodingwithT]

You welcome 🤗

[@bluFlex_Fx]

Under device utilities I get an error message saying that "`Future is not a type", how can i resolve this?

[@CodingwithT]

i'm sorry for your error. I didn't know where you got that error specifically. Can you please share where you got that error.

[@hammadzahid80]

bro where did u create the functions of pricing_calculator.dart please tell me

[@CodingwithT]

I showed them in product design or backend tutorials

[@ghulammurtaza7959]

How many total videos will be of this e-commerce course? I want to know course length

[@CodingwithT]

There will be around 45 videos in total and also I'm planning to enhance more by adding FCM and other State Managements later on.

[@ghulammurtaza7959]

@@CodingwithT it's great 😃

[@SonuKumar-ib4xk]

The helper function isDarkMode does not work properly.I have followed your series from the beginning.

[@CodingwithT]

If you are not passing the context then pass the contact of screen and do not use Get. contaxt

[@muhendis_]

It took me a long time 😅

[@CodingwithT]

🫨

[@MuhammadUsama-vv1wo]

Hello sir! I`m getting errors on import packege intl can you give the best solution for this and how i can impliment this. Thank You

[@CodingwithT]

What kind of issues? If there is any version or package dependency issues then you have to resolve that

[@Abdullahhhh2001]

14:44 what is T? you did not define that? static List removeDuplicates(List list) { return list.toSet().toList(); }

[@CodingwithT]

Good question. T is a generic type and when ever we will call removeDuplicates and return type is List that means you can return any type of List but when you defined the T it will only accept that type. E.g. final List user = removeDuplicates(users); Now in this case T should be the Users

[@Abdullahhhh2001]

Hi thanks for the answer. I downloaded the starter kit and everything was fine.

[@jankipatel7052]

I got an error in KBottomNavigationBarHeight and KToolbarHeight.. I don't understand it please help me..and thank you very much this seris videos are very helpful for my project.

[@CodingwithT]

They are just built in values of Flutter 🍃. Hover and import both

[@CodingwithT]

They are just built in values of Flutter 🍃. Hover and import both

[@jankipatel7052]

Thank you sir ​@@CodingwithT

[@HeaderTalk]

how can we ask ? if we have a question

[@user-bw3hq5bj6d]

Hey mate. may i get the aceess to starter kit source code? Above link asks to pay for the source code.

[@CodingwithT]

You can choose start kit and can easily download that for $0

[@b.farhana]

Sir if we want the code, do we need to purchase it?

[@CodingwithT]

Hi, you can download the code from the link in the description. If you somehow cannot pay it, you can contact me at [e-mail]. 😊

[@CodingwithT]

Hi, it's free and now you can download the Starter kit from the link in description

[@alghanykennedy]

Sir, where i can get the assets images? thankyou

[@CodingwithT]

You can download the project from the link given in description or simply download images from icons8.com

[@alghanykennedy]

@@CodingwithT how about logo for splash screen?

[@TENUGREALS]

Sar mujhe is app ka project setup file nahin download ho raha hai

[@pyaephyoenaing1655]

Hello sir , you forget to show outline_buttom_theme.dart file at previous video.

[@CodingwithT]

You can download the starter kit with those files added.

[@uctuanvo8241]

Can you show me the end of the formtter.dart file please

[@mohamedkaddourdjebbar93]

From where I can get the used images ?

[@CodingwithT]

You will get the icons from icons8.com

[@CodingwithT]

You can also get the assets from the product link in the description by selection project starter kit in the variation for free

[@mohamedkaddourdjebbar93]

@@CodingwithT Thank you brother! You're a life saver.

[@Eagle_NN]

Hello! 1. Why you use 2 functions "isLandscapeOrientation" and "isPortraitOrientation"? I think isLandscapeOrientation != isPortraitOrientation and we can get by with one function in all situations. Or am I wrong? (sory my bad english)! 2. In func getScreenHeight why you dont use "Get.mediaQuery.size.height" instead "MediaQuery.of(Get.context!).size.height"? Moreover, in the second case, you still use the GetX package to get the context (other functions are similar).

[@CodingwithT]

Hi, 👋 Nice question. It's just a helper functions so for the learning purpose I keep it that way so anyone can filter out for their own choices.

[@sagarkoju7710]

Where can i get the free start kit source code??

[@CodingwithT]

Go to the link: codingwitht.com/product/flutter-ecommerce-app-with-firebase/ Select App Project Starter kit in variations.

[@user-un8qr5mf2r]

I only showed line 52 in the formatter screen so where are the rest?

[@CodingwithT]

You can download the starter kit for utilities assets constants from the download link provided in the description

[@user-un8qr5mf2r]

@@CodingwithT sir please, just I'd like line 52 in the formatter screen so where are the rest?

[@reantam6762]

i = end; } return formattedNumber.toString(); } }

[@HuzaifaAtta-xj3uo]

How to get the images ??

[@CodingwithT]

You can download the assets from codingwitht.com/product/flutter-ecommerce-app-with-firebase by selecting App Project Starter kit in variation for free.

[@ShamanKS]

12:01 check point

[@ShamanKS]

14:15 number 2

[@devetips]

@CodingwithT thank you very much appreciate the efforts. to download the code i have to buy it?

[@CodingwithT]

You can buy one to help get this going or even download the project starter kit for free 🆓.

[@HuyTran-ve5jz]

how to get photo file in above application, please help me

[@CodingwithT]

Can you please explain what do you mean by photo file?

[@ssaai]

Is assets is downloadable ?

[@CodingwithT]

yes you can download it for free Go to the link: codingwitht.com/product/flutter-ecommerce-app-with-firebase/ Select App Project Starter kit in variations.

[@murtazaali9346]

where i can get these images?

[@CodingwithT]

You can download the project starter kit having assets, folder structure and much more from the link codingwitht.com/product/flutter-ecommerce-app-with-firebase

[@arshadm1993]

how to buy the sourcecode? Paypal is declining payment

[@CodingwithT]

Please retry and let me know.

[@A2Vloogs]

did you purchased?

[@MameMan-kf5vj]

how can i get the sorce code

[@CodingwithT]

You can download the code from the provided link: codingwitht.com/product/flutter-ecommerce-app-with-firebase/

[@__TanjidAhmed]

brother Where to get the APi key?

[@CodingwithT]

Which API dear?

[@hassanabdirahmanelmi4465]

Mr. T, can we get project images only?

[@CodingwithT]

Yes you can directly download the project starter kit for free with all its resources and images.

[@hassanabdirahmanelmi4465]

where/link to download?@@CodingwithT

[@CodingwithT]

In the description

[@ibitowadaniel848]

​@@CodingwithTplease I'm begging you make it available again... Maybe it was there and you deleted it but it's really hard to work with this code without the starter file especially the images.

[@CodingwithT]

Starter kit is still available for everyone to download.

[@mobilexdev]

which architecture is based this app ?

[@CodingwithT]

MVC and Getx

[@mobilexdev]

@@CodingwithT AMAZING WORK !

[@rabebsassi]

how can i find the logos and icons plz??

[@Soouuhh]

my same question you should buy it that's not good he should give us the images

[@CodingwithT]

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

[@CodingwithT]

That's not paid dear. The whole starter kit is available for download for $0

[@awaisanees4352]

how i write or get api keyconstant or scereat Api key???

[@CodingwithT]

Use the same patterns we used to create TSizes and TColors.

[@awaisanees4352]

i dont understand what you say@@CodingwithT

[@CreativeMindOfficials]

Where kToolbarheight you intialized

[@CodingwithT]

It’s default one by Flutter

[@zhanzhad]

how can I get the source codes for free?

[@CodingwithT]

You can download the starter kit for free and the link is in description

[@zhanzhad]

@@CodingwithT Thank you so much T. Hope you great success in Tech

[@CodingwithT]

You welcome

[@aouadicharaf1038]

❤❤❤

[@Doflamingo41]

share code pls its to hard to write bro pls

[@CodingwithT]

Starter kit for free and already shared. Link is in the description

[@Hamza-yq7sj]

❤

[@CodingwithT]

Thank you

[@Fathima-cg7iz]

Hlw sir I have a doubt

[@Fathima-cg7iz]

How I get that URL in my project? please tell me the steps for me

[@Fathima-cg7iz]

Why use this API URL link

[@CodingwithT]

As you move along the course hopefully you’ll have your answers 🤗

[@rishabhdevchandrakar2957]

bro at least you should give us some common file like colors,pictures or theme

[@CodingwithT]

Yes, you can get all the assets colors, themes, folder structure for free from, codingwitht.com/product/flutter-ecommerce-app-with-firebase/ selecting "App project starter kit" in variations

[@techinfo3478]

If you copy the source code then you will have to pay Rs 3200.

[@CodingwithT]

Starter Kit is available for freee

[@mrhosin1376]

@@CodingwithTreally appreciated, the kit is so awesome 🎉❤

[@IamHariJags]

i want a job I am a fresher.😶‍🌫

[@CodingwithT]

I might soon announce jobs 😃. Stay tuned 😁

[@IamHariJags]

@@CodingwithT I dont have a fancy resume... But Bro If I get hired I will work like a loyal dog .

[@zulkarneynerylmaz3395]

Hello, what is the _baseUrl in http_client.dart? Can you help me?

[@CodingwithT]

Its the actual url of any website you are using

[@fathimaifla9215]

How we get that URL?

[@muhendis_]

dude, heyy!! are you angel?? go to heaven insallah 🥹🌹

[@CodingwithT]

👐 so nice of you 🤠

[@aouadicharaf1038]

❤❤❤