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

In this tutorial, we delve deep into Flutter utility helper functions and constants, sharing invaluable insights to streamline your app development process.
► Flutter eCommerce App Course: • Professional Flutter E...
🎊 E-COMMERCE APP
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🎁 DOWNLOAD SOURCE CODE: codingwitht.com/product/flutt...
❤️ FLUTTER E-COMMERCE APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Complete E-Commerce App : • Professional Flutter E...
► Section - 1 Configuration : • Professional Flutter P...
► Section - 2 Login App : • Professional Flutter P...
► Section - 3 eCommerce UI : • Flutter Complete Ecomm...
► Section - 4 Login Backend: • Flutter Firebase Cours...
► Section - 5 eCommerce Backend: • Flutter E-Commerce App...
❤️ SUBSCRIPTIONS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Join Patreon to Access Premium Content: / membership
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE • Flutter Crash Course f...
► LOGIN APP FIREBASE • Flutter Login App - UI...
🧑‍💻 RELATED VIDEOS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Custom App Bar: • Flutter Custom AppBar ...
► Custom Shape: • Flutter Clip Path Tuto...
► Circular image: • Search Bar and Horizon...
► Grid Layout & Product Design : • Gridview in Flutter wi...
► All Products Page Design • Flutter All Products P...
FOLLOW US ON SOCIAL MEDIA
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 Facebook | / codingwithtea
💻 Instagram | / coding_with_tea
❤️ Subscribe | kzbin.info...
CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
02:23 Setting up the utilities
02:57 Create Files for constants
10:46 Device Utilities
12:42 Formatters (Date, Currency, Phone number)
13:42 Helper functions
16:00 HTTP client (for handling api calls)
16:54 Local Storage
17:09 Logger (warning message, error message etc)
17:25 Validator
DETAILS
Learn how to optimize your Flutter apps for peak performance and user satisfaction by harnessing the power of these essential tools. Stay tuned for in-depth tutorials, real-world examples, and practical advice to take your Flutter app development to the next level.
Don't forget to subscribe and hit the bell icon so you never miss an update!
#tstore #codingwitht #ecommerceapp

[@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! 🚀

[@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

[@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!

[@amd4iq]

Thank you very much!

[@CodingwithT]

You welcome 🤗

[@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 !

[@alirezahasani263]

thank you. very useful;

[@CodingwithT]

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

[@herleyshaori]

Thank you T.

[@CodingwithT]

You are so welcome.

[@thuongtrinhvan2001]

thank you sir

[@CodingwithT]

You welcome 🤗

[@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

[@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

[@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

[@hammadzahid80]

15:30 where are these functions

[@gsetsmind]

love from india

[@CodingwithT]

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

[@muhendis_]

It took me a long time 😅

[@CodingwithT]

🫨

[@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.

[@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 😃

[@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.

[@HeaderTalk]

how can we ask ? if we have a question

[@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😊

[@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

[@uctuanvo8241]

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

[@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 🆓.

[@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. 😀

[@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!

[@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

[@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.

[@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

[@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.

[@samadhiwarsha4500]

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

[@CodingwithT]

From the link in description

[@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

[@hisyamabilkhoir7092]

13:38 in internationalFormatPhoneNumber, what is return ?

[@Ninja-YT2126]

same question

[@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

[@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.

[@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

[@ShamanKS]

12:01 check point

[@ShamanKS]

14:15 number 2

[@aouadicharaf1038]

❤❤❤

[@__TanjidAhmed]

brother Where to get the APi key?

[@CodingwithT]

Which API dear?

[@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.

[@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

[@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.

[@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.

[@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?

[@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/

[@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

[@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.

[@arshadm1993]

how to buy the sourcecode? Paypal is declining payment

[@CodingwithT]

Please retry and let me know.

[@A2Vloogs]

did you purchased?

[@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.

[@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.

[@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.

[@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

[@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(); } }

[@Hamza-yq7sj]

❤

[@CodingwithT]

Thank you

[@mobilexdev]

which architecture is based this app ?

[@CodingwithT]

MVC and Getx

[@mobilexdev]

@@CodingwithT AMAZING WORK !

[@CreativeMindOfficials]

Where kToolbarheight you intialized

[@CodingwithT]

It’s default one by Flutter

[@Doflamingo41]

share code pls its to hard to write bro pls

[@CodingwithT]

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

[@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

[@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 🤗

[@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]

❤❤❤