Online Food Ordering App - Flutter UI - Speed Code

[@flutterIgnite]

i'm so in love with this language. What a best experience to live this generation minus the COVID virus.

[@TheFlutterWay]

Keep supporting my channel 😃 thank you

[@CyizaLandryM]

What a good App! My Lecturer recommended it. And it is very useful! Thanks...

[@tanzeelhassan2934]

so soothing. Who would have though just seeing someone write code could be so peaceful. Thanks! :)

[@TheFlutterWay]

Glad you liked it!

[@musicstyle2277]

Bro you helped me a lot to understand the flutter language! Thank you sooooo much 🙏🏽

[@TheFlutterWay]

My pleasure 😊

[@kamikozzz]

Flutter isn’t language :3

[@angelnajera5107]

@@kamikozzz But "the flutter language" does exist. It is called Dart!

[@BiryaniBiceps]

The music was more pleasant than the UI/UX. Great work overall! Kudos!

[@TheFlutterWay]

Glad to hear that !

[@MrTechBossawesome]

Amazing! Your channel is growing soo fast! 2 months and already almost 30k!

[@TheFlutterWay]

🎉

[@web_masud]

I hope you enjoy watching my channel and don't forget to subscribe. I will be inspired by your help.

[@himalayaahuja7547]

Just priceless..the music and the ui ..!

[@TheFlutterWay]

Thanks man it means a lot❤️❤️

[@soumikpaul7960]

I am just in love with this, all worth it! Just hoping to get to know how to start with flutter, because being a beginner I don't understand alot of this, give some recommendations on how to start with and end up like you?

[@TheFlutterWay]

I'm so glad! you can check this www.udemy.com/course/flutter-bootcamp-with-dart/

[@soumikpaul7960]

@@TheFlutterWay Thank you!

[@abbasloda1]

Good idea, might do one like this and hook it up with firebase and sell to your local fast-food. Of course not exactly this design.

[@TheFlutterWay]

Sounds great!

[@abidgcuf]

what a video series. hats off brother. plz can you guide me how we can get remote images and other stuff from json or xml and display them on this particular ui. make my day with this series

[@TheFlutterWay]

Thank you so much, for that you may check my Complete E-commerce App playlist, you will get your answer.

[@austin_kid8157]

Set playback speed to 0.75, I almost cried while watching.. love it!

[@fadwi5817]

Thnks for sharing... btw can you share how u got inspired by the design? how you do that design

[@pranaychakraborty4866]

Awesome. Bro please make a tutorial about flutter ui design from basic to advance. Thanks in advance 😊

[@namitvarshney905]

Did anyone completed this project, means he has only made two pages, can anyone help me in making the rest? *Thanks a lot The Flutter Way for providing this tutorial.*

[@raynaldipratamaputra5200]

Amazing, UI !

[@TheFlutterWay]

Glad you like it!

[@weirdscintillatingvedios2122]

Your flutter skill is Amazing how many months did it take to learn flutter to get at this point I am intersted to learn it after watching your videos

[@TheFlutterWay]

Actually it depends, for me it takes 7-8 months. Just work hard soon you will be better than me.

[@muraleegsharma1528]

You are Awesome Buddy,,,Keep it up,,,!!

[@TheFlutterWay]

Thanks, will do!

[@aldoratmawan711]

My favorite chanel Thank's broo

[@TheFlutterWay]

My pleasure. Keep supporting my channel.

[@myomarothman]

Great skill! Next up, design for both orientations ;)

[@TheFlutterWay]

That's the plan!

[@web_masud]

I hope you enjoy watching my channel and don't forget to subscribe. I will be inspired by your help.

[@saagilkhan5854]

Please explain every step It will be helpful

[@TheFlutterWay]

Soon I'm gonna work on my voice over

[@floodyboy5307]

Woooooooow 😍

[@TheFlutterWay]

❤️❤️❤️

[@ein44sam]

3:18 Is there a reason to extract methods instead of Widgets(classes)? Which works best in terms of perfomance?

[@andirsun]

Nice Video !!, please could you tell how can you make the videos showing the app like that

[@ejasackey]

very nice background music...

[@TheFlutterWay]

Thanks a lot

[@bandisig.1798]

How did you solve for 'icon: SvgPicture.asset(...."? I am having issues

[@baophantranhoai179]

You are the best

[@waltercaciano6016]

I'd like know too

[@lotto93.5]

First, really thanks for make this video :D I have a question. Why Home App Bar title is on center? In my case, title(PunkFood) is on left side(next to menu icon)

[@TheFlutterWay]

On Android by default its on left side. If you want it on center then set "centerTitle: true"

[@mohsinreshi3637]

great UI! can you tell me where you got the icons from (like the sidebar icon)? also what'd be the best resource to study from (for intermediate level) , apart from Dr Angela Yu's bootcamp.

[@TheFlutterWay]

my ui designer provide me those, I think flutter documentations would be great.

[@mohsinreshi3637]

@@TheFlutterWay thanks for the help 😊

[@jeevankumar-nt6ub]

hi bro i'm trying to recreate this app in my vs code but is saying that smooth star rating import is legacy. what to do now...? how to resolve this error....?

[@Vipin27]

Your flutter skills are awesome really!✨ I'm just wondering how did you implement the UI exactly same as the source pic without any developer hand-off tool/project file. :) How did you know the exact sizing of containers/elements of UI in picture? From where did you get that assets?

[@TheFlutterWay]

My team provide me those UIs, At first i checked those sizes then start creating videos.

[@4xhappy858]

Perfect !! Thank you bro for this video and source. I'll do better

[@TheFlutterWay]

Perfect!

[@NRNR-o9v]

you execute code source?????

[@MonfortNBrian]

Dude, your Videos are dope and i like them always. by the way, where you get your svg images??

[@TheFlutterWay]

My UI designer provide me those

[@brendano2140]

now I believe coding is art

[@TheFlutterWay]

👍🏽

[@giacngophat]

Your video is great, can you tell me if the extension you use for vscode to format and display the code when the code flutter is running. thank you❗️

[@nabilahmdzaid5424]

Hi, I think it's Material Icon Theme by Philipp Kief. I'm using the same too. Hope this help if you still didn't find it ^^

[@BelajarPemrogramanPemula]

nice, beautiful ui

[@TheFlutterWay]

Enjoy it

[@hamadsultan6861]

Any tips to grow on the rate that you did. I saw your video on reddit for the COVID-19 app UI.

[@TheFlutterWay]

Its your love, nothing else I just upload my content

[@sabajaiani2017]

thank you! Could you tell me which program Did you used when you were making this app?

[@TheFlutterWay]

I am using flutter framework which use Dart language

[@camcardow1566]

Beautiful!

[@TheFlutterWay]

Thank you! Cheers!

[@alexandrumunteann]

Just Awesome! :)

[@TheFlutterWay]

Thank you! Cheers!

[@prince-sonawane]

A simple question, though its for the logic for the category card. How to update products of the card when we select the category? if using provider, do we need to go all over the items to filter the products or we call for all products under category and pass them as a param to the productItem card and render it in list view there ?

[@TheFlutterWay]

you can pass as a param to the productItem card and render it in list view there.

[@jose99Av]

thanks, very helpful video, I'am following the last part but I'am having trouble with onRatingChanged (the named parameter isn't define) maybe you have idea or someone what it could be?

[@TheFlutterWay]

Without checking code it's pretty hard to say anything

[@indian-js1xq]

Brother how you record your app presentation videos

[@jisenditz3968]

unazingua kaka upo speed san

[@zepecat]

how do you do the effect an the begining with the smartphone in 3d?

[@ramonpaolomaran2253]

After Effects with Mockup

[@luismanuelgarciafdez6630]

What's the plugin that light up the traces in vs code, Great Job

[@TheFlutterWay]

Bracket Pair Colorizer

[@harvey6067]

How can I buy this app and publish it in my country?

[@strengthandlove_]

hi so i can copy an image or icon and illustration from dribble and then just bring it in to my project?

[@TheFlutterWay]

no, you can't do that we use those only for learning purpose

[@strengthandlove_]

The Flutter Way so i can but im not allowed to you mean?

[@hectorPerez-qf1ho]

mate, what architecture are you using? I'm a newbie to flutter

[@TheFlutterWay]

Actually this is my own custom one, maybe you can check MVC

[@leandronorcio9642]

You are the best!

[@TheFlutterWay]

❤️❤️❤️❤️

[@rizalsafril9631]

I cannot use SvgPicture on icon, even though already set it up on dependencies in pubspec.yaml

[@digitalmindster]

still great in 2021

[@dieudonnemiyalu6524]

Awesome !

[@TheFlutterWay]

Thank you! Cheers!

[@micky0x36]

nice! Your ' re good guys !

[@TheFlutterWay]

Thanks!

[@enoch.c]

Great video, how did you learn flutter?

[@TheFlutterWay]

Thanks 😊, Watching videos and read documentation's also practice.

[@leodwivedi]

Please share music also on description

[@samthemwash9055]

Clean UI..where do you get the svg pictures?

[@TheFlutterWay]

My UI designer provide me those

[@samthemwash9055]

Cool..a tutorial on that could be awesome.

[@arthurgao2341]

is there any flutter plug-in components for push rtmp? or integration android component?

[@TheFlutterWay]

you can check this one pub.dev/packages/flutter_rtmp_publisher

[@arthurgao2341]

thank you very much,i had used flutter_rtmp_publisher,flutter_rtmp_publisher_v2,flutter_rtmp,camera_with_rtmp,but not ideal

[@johnedwardcortesloboa2450]

Hi. I Like your videos. Amazing work. How do you do a debugging in real time on the emulator while you are Coding?

[@ahmedkouteiba4702]

it called hot reload, one of the best things on flutter, you just need a small configuration on your Json file to specify which file you gonna debug

[@johnedwardcortesloboa2450]

@@ahmedkouteiba4702 Hi. I have used hot reload using the command r on the console but it does not refresh as it happends in the video. I use a Geeny emulator and Android Virtual Device. So, I still wonder how it refresh automatically on the emulator screen. Can you please elaborate more on the json file? I have never done it that way

[@TheFlutterWay]

for Mac Control + F5 or Windows Ctrl+f5(may be) Thanks for watching

[@johnedwardcortesloboa2450]

@@TheFlutterWay Thank you. It worked in Windows with Ctrl + F5

[@skoopic197]

How do you make a real working app with flutter? Help please

[@jonatanpadilla2437]

what extensions of vsc does he use?

[@TheFlutterWay]

Bracket pair Colorizer

[@OrangefoxPaloBR]

On time! Hahaha

[@TheFlutterWay]

😎😎😎

[@mohsin_sheikhani]

Color configuration for the vs code dark+ theme please?

[@TheFlutterWay]

I'm using material theme

[@oldmen2544]

Bro please make a video on what is backend development and all apps need or not

[@TheFlutterWay]

maybe it takes some time

[@manikmahajan3453]

i use android studio, so could you please tell me that, how I can bring this Iphone emulator ?

[@TheFlutterWay]

stackoverflow.com/questions/55745783/how-to-open-ios-simulator-in-android-studio-for-flutter-application

[@TipsTrik]

nice

[@TheFlutterWay]

Thanks

[@HimalPokhrel]

How can i use this ui to make an app for my Resturant

[@TheFlutterWay]

You can hire someone, this is only for inspiration

[@prashantpanchal1303]

Hello bro. Can you make a video on kivy(python) application in which give the option of language (which is converted the language of total app), OTP varification system AND Google location system. Bro make a video on this Application.

[@cledilsonprogramador]

how do you do this intro showing the app on a cell phone?

[@TheFlutterWay]

I'm using Rotato: bit.ly/3heGagj

[@cledilsonprogramador]

@@TheFlutterWay Only works on Mac???

[@sazidimtiaz831]

Can you please upload a tutorial with functionality?

[@TheFlutterWay]

maybe in future

[@sohelakhtar8044]

Can we use your designed UI for real life projects

[@TheFlutterWay]

Yeah, but plz make sure give us credit

[@sohelakhtar8044]

insaAllah if we use then we will surely give credit😊

[@TheFlutterWay]

@@sohelakhtar8044 Thanks

[@Grewal0007]

there is error in "SvgPicture"

[@topgeargaming8679]

How much time it takes actually to come up with this code ?

[@TheFlutterWay]

It takes time, you know

[@prshendra]

what name of music?

[@evandaniyel9388]

How do absolute beginners follow up your tutorials???? Pls do comprehends tutorials sometimes

[@TheFlutterWay]

Maybe you can read flutter documentation or check any flutter beginner tutorials on KZbin, And I will try

[@evandaniyel9388]

@@TheFlutterWay nobody makes good UI with flutter like this channel... It will be amazing to learn all about flutter here for beginners and for pro. Take a good project and build from scratch we would be up to speed in no time

[@ayushjyala8082]

got error in title!

[@OmarRiyati]

How do make intro of the app in beginning of youtube

[@TheFlutterWay]

I'm using Rotato: bit.ly/3heGagj

[@maskman4821]

Sir, do you have xd design for us to download ???

[@TheFlutterWay]

sorry😔, unfortunately I can't share those with you guys.

[@abdelrahmanhedia9483]

Thank you br👏👏

[@TheFlutterWay]

Welcome 👍

[@theozhang1971]

Can I know the setting of the vs code about flutter

[@TheFlutterWay]

just install two extension called Dart and Flutter then you are ready to rock

[@builderallvietnam695]

Do you have backend?

[@TheFlutterWay]

No

[@chillstate9633]

Can I also build this with Android simulator?

[@TheFlutterWay]

yeah you can

[@JnPiyush]

From where you get these designs ?

[@TheFlutterWay]

dribbble.com

[@donijunior6935]

What vs code extension do you use ?

[@TheFlutterWay]

dart and flutter that's it, there is no specific extension for flutter

[@BreegBenjamin]

Genial.

[@sach2274]

Very good bro

[@TheFlutterWay]

Thank you so much 😀

[@kanatatasipong6923]

What's the name of background music? Thank you in advance.

[@FaithBiete]

I really wish I could code like you

[@TheFlutterWay]

You can batter then me 👍 just keep pushing you limits.

[@atlasua2021]

What is dart?

[@TheFlutterWay]

Dart is a client-optimized programming language for apps on multiple platforms. It is developed by Google and is used to build mobile, desktop, server, and web applications. Dart is an object-oriented, class-based, garbage-collected language with C-style syntax. Dart can compile to either native code or JavaScript. for more plz google it.

[@julius_sincero]

Fantastico. Algum brasileiro aqui?

[@हिंदीमेंसमाचार]

Please make news app ui with flutter

[@TheFlutterWay]

Thanks for the suggestion, maybe in near future

[@ColdStoneBoy]

Still great.

[@TheFlutterWay]

😊😊😊Thanks for supporting us

[@alexsandrosantos5699]

отлично

[@TheFlutterWay]

Thanks

[@gowreeshsimhadri6225]

can we keep this app in playstore plz say

[@TheFlutterWay]

yeah sure

[@simhadrimeenakshi2370]

Can we build a video chat application using flutter plz say and can u provide me a video on how to keep this app in playstore

[@Frittenfinger]

Next time try a vegan version ;)

[@dirlishertgrul-6742]

I wish you make ui without speed code , it will be better

[@TheFlutterWay]

I will add voice over in near future

[@arondenda8997]

Title?

[@-ayar1122]

God .. How to make app photo editor!

[@TheFlutterWay]

sure, maybe in near future

[@rahulboss4185]

Plz Make A Video With Firebase

[@TheFlutterWay]

maybe in near feature

[@070Annas]

60fps, ah nice

[@TheFlutterWay]

😎😎😎