Online Food Ordering App - Flutter UI - Speed Code

Подписаться 228 тыс.

Просмотров 113 тыс.

50% 1

Nice clean Food 🥘 Delivery App #UI by using #flutter
We design two pages one is the home page and another one is details page that will help you to design clear interfaces for food delivery app faster and easier.
►Source code: github.com/abuanwar072/Food-O...
► Social Media
GitHub: github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
0:22 Project Setup
1:58 Home Page
19:20 Details page
Thanks for watching!
Make sure to like + Subscribe For More!

Хобби

Опубликовано:

16 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 201

@tanzeelhassan2934 3 года назад

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

@TheFlutterWay 3 года назад

Glad you liked it!

@MrTechBossawesome 4 года назад

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

@TheFlutterWay 4 года назад

🎉

@musicstyle2277 4 года назад

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

@TheFlutterWay 4 года назад

My pleasure 😊

@kamikozzz 3 года назад

Flutter isn’t language :3

@angelnajera5107 2 года назад

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

@CyizaLandryM Год назад

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

@BiryaniBiceps 3 года назад

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

@TheFlutterWay 3 года назад

Glad to hear that !

@flutterIgnite 3 года назад

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

@TheFlutterWay 3 года назад

Keep supporting my channel 😃 thank you

@himalayaahuja7547 4 года назад

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

@TheFlutterWay 4 года назад

Thanks man it means a lot❤️❤️

@web_masud 4 года назад

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

@raynaldipratamaputra5200 4 года назад

Amazing, UI !

@TheFlutterWay 4 года назад

Glad you like it!

@muraleegsharma1528 4 года назад

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

@TheFlutterWay 4 года назад

Thanks, will do!

@alexandrumunteann 4 года назад

Just Awesome! :)

@TheFlutterWay 4 года назад

Thank you! Cheers!

@camcardow1566 4 года назад

Beautiful!

@TheFlutterWay 4 года назад

Thank you! Cheers!

@floodyboy5307 4 года назад

Woooooooow 😍

@TheFlutterWay 4 года назад

❤️❤️❤️

@aldoratmawan711 3 года назад

My favorite chanel Thank's broo

@TheFlutterWay 3 года назад

My pleasure. Keep supporting my channel.

@leandronorcio9642 4 года назад

You are the best!

@TheFlutterWay 4 года назад

❤️❤️❤️❤️

@myomarothman 4 года назад

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

@TheFlutterWay 4 года назад

That's the plan!

@web_masud 4 года назад

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

@pranaychakraborty4866 3 года назад

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

@micky0x36 4 года назад

nice! Your ' re good guys !

@TheFlutterWay 4 года назад

Thanks!

@dieudonnemiyalu6524 3 года назад

Awesome !

@TheFlutterWay 3 года назад

Thank you! Cheers!

@BelajarPemrogramanPemula 4 года назад

nice, beautiful ui

@TheFlutterWay 4 года назад

Enjoy it

@ein44sam 3 года назад

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

@abbasloda1 4 года назад

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 4 года назад

Sounds great!

@4xhappy858 4 года назад

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

@TheFlutterWay 4 года назад

Perfect!

@user-gt8bl4jw3h 3 года назад

you execute code source?????

@abdelrahmanhedia9483 4 года назад

Thank you br👏👏

@TheFlutterWay 4 года назад

Welcome 👍

@soumikpaul7960 4 года назад

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 4 года назад

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

@soumikpaul7960 4 года назад

@@TheFlutterWay Thank you!

@abidgcuf 3 года назад

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 3 года назад

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

@fadwi5817 3 года назад

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

@ejasackey 4 года назад

very nice background music...

@TheFlutterWay 4 года назад

Thanks a lot

@MonfortNBrian 4 года назад

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

@TheFlutterWay 4 года назад

My UI designer provide me those

@andirsun 4 года назад

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

@digitalmindster 3 года назад

still great in 2021

@OrangefoxPaloBR 4 года назад

On time! Hahaha

@TheFlutterWay 4 года назад

😎😎😎

@saagilkhan5854 4 года назад

Please explain every step It will be helpful

@TheFlutterWay 4 года назад

Soon I'm gonna work on my voice over

@namitvarshney905 3 года назад

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.*

@weirdscintillatingvedios2122 4 года назад

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 4 года назад

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

@baophantranhoai179 3 года назад

You are the best

@waltercaciano6016 Год назад

I'd like know too

@austin_kid8157 2 года назад

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

@BreegBenjamin 4 года назад

Genial.

@Vipin27 4 года назад

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 4 года назад

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

@TipsTrik 4 года назад

nice

@TheFlutterWay 4 года назад

Thanks

@sach2274 4 года назад

Very good bro

@TheFlutterWay 4 года назад

Thank you so much 😀

@rizalsafril9631 3 года назад

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

@prince-sonawane 4 года назад

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 4 года назад

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

@jisenditz3968 2 года назад

unazingua kaka upo speed san

@lotto93.5 3 года назад

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 3 года назад

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

@giacngophat 3 года назад

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 3 года назад

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 ^^

@mohsinreshi3637 4 года назад

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 4 года назад

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

@mohsinreshi3637 4 года назад

@@TheFlutterWay thanks for the help 😊

@sabajaiani2017 4 года назад

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

@TheFlutterWay 4 года назад

I am using flutter framework which use Dart language

@zepecat 4 года назад

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

@ramonpaolomaran2253 3 года назад

After Effects with Mockup

@jose99Av 4 года назад

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 4 года назад

Without checking code it's pretty hard to say anything

@bandisig.1798 2 года назад

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

@hamadsultan6861 4 года назад

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

@TheFlutterWay 4 года назад

Its your love, nothing else I just upload my content

@jeevankumar-nt6ub 2 года назад

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....?

@brendano2140 4 года назад

now I believe coding is art

@TheFlutterWay 4 года назад

👍🏽

@prashantpanchal1303 4 года назад

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.

@leodwivedi 4 года назад

Please share music also on description

@FaithBiete 4 года назад

I really wish I could code like you

@TheFlutterWay 4 года назад

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

@skoopic197 4 года назад

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

@Frittenfinger 3 года назад

Next time try a vegan version ;)

@alexsandrosantos5699 4 года назад

отлично

@TheFlutterWay 4 года назад

Thanks

@ColdStoneBoy 4 года назад

Still great.

@TheFlutterWay 4 года назад

😊😊😊Thanks for supporting us

@enoch.c 4 года назад

Great video, how did you learn flutter?

@TheFlutterWay 4 года назад

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

@indian-js1xq 3 года назад

Brother how you record your app presentation videos

@harvey6067 3 года назад

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

@agustinusleonarli2588 3 года назад

THANKS BANG JAGO

@julius_sincero 3 года назад

Fantastico. Algum brasileiro aqui?

@jonatanpadilla2437 3 года назад

what extensions of vsc does he use?

@TheFlutterWay 3 года назад

Bracket pair Colorizer

@luismanuelgarciafdez6630 4 года назад

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

@TheFlutterWay 4 года назад

Bracket Pair Colorizer

@prshendra 4 года назад

what name of music?

@mohsin_sheikhani 3 года назад

Color configuration for the vs code dark+ theme please?

@TheFlutterWay 3 года назад

I'm using material theme

@Grewal0007 4 года назад

there is error in "SvgPicture"

@oldmen2544 4 года назад

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

@TheFlutterWay 4 года назад

maybe it takes some time

@sazidimtiaz831 4 года назад

Can you please upload a tutorial with functionality?

@TheFlutterWay 4 года назад

maybe in future

@johnedwardcortesloboa2450 4 года назад

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

@ahmedkouteiba4702 4 года назад

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 4 года назад

@@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 4 года назад

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

@johnedwardcortesloboa2450 4 года назад

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

@HimalPokhrel 4 года назад

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

@TheFlutterWay 4 года назад

You can hire someone, this is only for inspiration

@OmarRiyati 4 года назад

How do make intro of the app in beginning of youtube

@TheFlutterWay 4 года назад

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

@hectorPerez-qf1ho 3 года назад

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

@TheFlutterWay 3 года назад

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

@theozhang1971 4 года назад

Can I know the setting of the vs code about flutter

@TheFlutterWay 4 года назад

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

@maskman4821 4 года назад

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

@TheFlutterWay 4 года назад

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

@chillstate9633 3 года назад

Can I also build this with Android simulator?

@TheFlutterWay 3 года назад

yeah you can

@manikmahajan3453 3 года назад

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

@TheFlutterWay 3 года назад

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

@builderallvietnam695 3 года назад

Do you have backend?

@TheFlutterWay 3 года назад

@donijunior6935 4 года назад

What vs code extension do you use ?

@TheFlutterWay 4 года назад

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

@arthurgao2341 4 года назад

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

@TheFlutterWay 4 года назад

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

@arthurgao2341 4 года назад

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

@strengthandlove_ 4 года назад

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

@TheFlutterWay 4 года назад

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

@strengthandlove_ 4 года назад

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

@ayushjyala8082 2 года назад

got error in title!

@samthemwash9055 4 года назад

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

@TheFlutterWay 4 года назад

My UI designer provide me those

@samthemwash9055 4 года назад

Cool..a tutorial on that could be awesome.

@user-dw1dx8je1q 4 года назад

Please make news app ui with flutter

@TheFlutterWay 4 года назад

Thanks for the suggestion, maybe in near future

@arondenda8997 4 года назад

Title?

@cledilsonprogramador 4 года назад

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

@TheFlutterWay 4 года назад

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

@cledilsonprogramador 4 года назад

@@TheFlutterWay Only works on Mac???

@070Annas 4 года назад

60fps, ah nice

@TheFlutterWay 4 года назад

😎😎😎

@atlasua2021 4 года назад

What is dart?

@TheFlutterWay 4 года назад

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.