Furniture App - Responsive Flutter UI - Speed Code

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

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

50% 1

We design a responsive furniture app #UI using #flutter, all of the data come from API so that you can learn how to use API on flutter. There are two pages Home page which contains a horizontal category list then the list of recommended products.
►Starting Code: bit.ly/3ggsxgB [If you want to follow along with me]
►Source Code: bit.ly/30fO4R6
►For the 3D intro, I'm using Rotato: bit.ly/3heGagj
►Support Us: / theflutterway
► Social Media
GitHub: github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
1:01 Project Setup
5:00 Home App Bar
7:21 Browse By Categories
19:07 Recommended Products
27:15 Details Page
Thanks for watching!
Make sure to like + Subscribe For More!

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

16 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

I can't describe how much your videos re helping me, Thanks ❤️

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

Happy to hear that!❤️

@92blckt 4 года назад

im studying flutter everyday and i love every videos you post!! NICE WORK, very inspiring

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

Happy to hear that!

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

Asked you about Custom Clipper previously, and today you explained it beautifully. Respect for you Sir 🙏🏼

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

My pleasure

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

I always love your content ! great work ! Thank you !

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

I appreciate that!

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

Love ur designs and ur tutorials

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

Thank you so much 🥰

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

Whenever i see speedcode im like YES PLEASE!!! BRING IT!! Thank You The Flutter Way!

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

Always welcome

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

Today's to do list is changed 😃 Thanks to you 🔥❤️🙏

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

😜😜 enjoy 😊

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

This is high quality development and you guys are giving it out for free, thank you guys, great job

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

Our pleasure!

@r-techs1068 4 года назад

Amazing content bro, a great inspiration for aspiring flutter devs Love from India🇮🇳

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

Glade to know that and love you guys❤️

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

I am half through this video, pausing, understanding every step and writing it down in editor. I am learning lot of new stuff. I really like that you care of clean architecture.. You have earned a subscriber today :)

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

Great to hear!

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

@@TheFlutterWay I completed this video and learned few new things! I am looking your channel now for more 2020 videos for practice! You generally use AspectRatio widget for images, any reason? Why not just set some width and height and apply box fit?

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

Amazing work, congratulations!

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

Thanks a lot!

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

Amazing tutorial so far💕💕💕

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

Glad you think so!

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

Very Nice Design, I'm really inspired to start my day, at 06:43 morning! :)

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

Great tutorial. We want more like that.

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

Sure😌

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

Great and awesome tutorial. Thanks a lot for your tutorials!

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

Glad you like them!

@zahershahsaljuqi8776 3 месяца назад

man I love you. the amount of work you have put in is remarkable. wish you a bank account full of money.

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

your completly insane big fan man

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

Wow! Thanks for your amazing job!

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

Our pleasure!

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

and i really loved the SizeConfig file which kept the code so clean

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

Good to hear!

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

Super sir great videos from your side to boost up our projects...

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

Thanks for your videos and your time.

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

My pleasure!

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

Just a suggestion to increase UX: turning on landscape mode, the details would display the product photo in the center.

@AmarjeetKumar-cg5de 4 года назад

Thanks a lot bro.. that's what i was waiting for

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

Welcome 👍

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

Bro.....neenga vera level....

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

Thanks it means a lot

@pravinprince3221 Год назад

Thank you for the wonderful video it is very helpful for the entire team and thank you again

@TheFlutterWay Год назад

Our pleasure!

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

very nice ,You are an inspiration

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

Many many thanks

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

Thank you so much.. Very helpful

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

Thanks for nice tutorial.

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

You are welcome

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

I complete it today and so many things to learn in this video. I know how to use http and future builder. Very easy way

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

Glade it helps😊

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

That was so helpful Thanks 🌟💫

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

You’re welcome 😊

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

AMAZING !

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

Glade you like it!

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

thank you so much!!!

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

At first i started learning Xamarin forms and later found Flutter. Can't say how much Flutter is better

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

I am failed to understand what's the purpose of those 4 guys on this earth who have disliked this video. This video is a perfect example of how neatly one can develop a flutter application. The part if loved the most was gradual improvisation. Excellent Job!!

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

You are so kind

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

They are probably other flutter developers, This guy is making them jobless

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

Nice tutorial 😁

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

Glad to hear that.

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

best videos you've got here bro, your designs are breathtaking, what do you use in vs code to make your code formatting look so organise especially with that dotted line tree-like structure. ill be glad to get it if its a plugin in vs code

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

I'm using Bracket pair Colorizer extension

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

I am taking notes from your code lol

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

Very Nice

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

Thanks

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

Excellent work! What program do you use to make the video of the app?

@AlexM-me4vz 4 года назад

Awesomw work

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

Glad you like it

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

Would you consider creating and teaching a speed code for a seat selection app with API? e.g for cinema or theater. something with animations and scrollable seats vertically and horizontally and showing a different price for each seat, something that happens mostly in concerts. love your videos, been very useful, and learned a lot from them.

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

Nice good luck

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

Thank you. Keep supporting my channel.

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

Thanks for the awesome UI coding! One question. Will this responsive UI work without issue between different devices without layout issues?

@SalmanKhan-ol4sm 4 года назад

Best ui..may i know whether this project is responsive in watches too?

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

The king of kings

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

❤️

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

Nice tutorial too. By the way, what's the title on backsound song ? feel more relaxed and comfortable when following tutorial in this video.

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

I would like to see some animated appbar bottomnavbar tuts from u

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

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

Sir, please make notifications with api....

@keithbacalso9433 11 месяцев назад

I think i asked this long ago but I forgot which youtube video you have, my question is what app you used for that presentation of ios simulator? Because I am thinking to also do that someday thanks in advance for your reply 😃

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

Nice tutorial. I would love to hear your voice next time while coding..

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

Noted!

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

Great

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

Thank you so much 🥰

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

Hi, what is the meaning of default size and why you need to multiply the screen height or width by 0.024? Thanks!

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

Great, Rentcar Tutorial Please

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

Noted!

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

Bro its outstanding, Keep it up. By the way what is AspectRatio? Dint understand only that widget

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

The aspect ratio is the ratio of its width to its height. So if you define the width then the height will addict automatically according to you width, like aspect ratio = 1 means squire

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

@@TheFlutterWay thanks bro

@Ksl.23 3 года назад

How can we change the product’s color in description interface? There are three colour options.

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

is there a way to pin the add to cart button so it's always there ?if there how?

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

Nice video. Instead of CustomClipper, can we not boxdecoration for the circular border?

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

Yes you can

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

Hey Bro, Great Videos and Tutorials on Flutter ! Loved It :) Bro Just Curious about a thing, how do did you get these many views and subs in so less time. I am sure that you are working hard. But even I AM TRYING to make good tutorials same as yours in my youtube channel (Aditya Burgula) on different programming languages. What technique did you use and you currently do to get higher ranking, search results, views and subscribers. It would be really helpful if you could please tell me what techniques you use grow your channel faster. You are really a great Flutter Dev and I hope that your channel should grow more.

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

Thank you so much, To be honest I created this channel just for fun and I just upload my videos and share them on social media.

@brianshiaba3003 11 месяцев назад

can someone tell me how the icons were found in vs code. coz i have only seen him create a folder called icons and the icons appeared.

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

NEED HELP ASAP ! The argument type 'Object?' can't be assigned to the parameter type 'List'.dart(argument_type_not_assignable) i am stuck please help

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

i love you

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

can make this for my WordPress woocommerce store ? with reset api

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

it's excellent but it will be perfect if you slow down a little bit of your vedios thanks man i really like it

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

Noted

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

Bro you can use playback speed to see more slow coding on this video 😊

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

@@outofnowhere9889 i know but it still fast for me :)

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

What tools do you use for motion design?

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

Need help in designing an app like furniture with multi language support

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

First ✋

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

❤️❤️❤️

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

Is the basics of dart enough to go to flutter?

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

Where can i find png images like this...?

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

❤️

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

Thanks 😌

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

Instead of the custom clipper wouldnt it be easier to just use Stack and a container with boxdecoration and the 30px round border radius?

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

nevermind, it's hard to see the actual shape in youtube. not a square.

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

is there for searchbar flutter on this chanel? I am confuse to "search delegate flutter", wish you give tutorial on your chanel youtube, thanks

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

Your tutorial is extremely good. But I am not happy that I must be a patreon to get even the starting code so that I follow along.

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

This is only for one or two videos.

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

Just WOW.. Really interested to know.. How much time did that SPEED CODE take in REAL TIME terms

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

After completing my edit just speed up 2.8X, so you can multiply the video length with 2.8 then you will get an idea of it.

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

what extensions do you use?

@doha.saqlain 2 года назад

can you do a full application with a database a coffee shop with all modules

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

Noted!

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

Where do you get the music from?

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

Great video, but I have one important question, from where you get this picture of the sofas and chairs? Because I can’t see any file images on your assets folder! Anyone can answer me please?

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

All of those images fetch from API

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

@@TheFlutterWay Thanks a lot for replying ❤️

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

hey guys i have a question , thanks for the video , i downoad the code from github , when i try to open it i can t the emulato rsays ( system ui isn t responding ) whats the solution please !! iam new to flutter

@hamzakaplan1628 Год назад

I have windows device how can i use ios emulator

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

Where are the gifs for download?

@flutterdeveloperabir1782 Год назад

Bro please recode the same ui design with getx state old videos recode again

@TheFlutterWay Год назад

Noted!

@flutterdeveloperabir1782 Год назад

Can i talk bangla?

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

What's the difference between starting code and source..Iam a beginer in FLUTTER language...so please reply for my comment. Also please make a vlog about basic of VSCODE.

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

which phone your using phone to emulator ?

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

can we use this code by adding product using googlesheet?

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

yep

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

Many thanks to you!! But I have a question: everytime I make a variable,for example at 1:35 when making the size_config.dart, error shows "The non-nullable variable '_mediaQueryData' must be initialized. Try adding an initializer expression." So I need to add a "?" after the class MediaQueryData. But in your video there shows no error about this. Wanna to know WHY, please.

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

and how can i avoid this, please?

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

You need to called "SizeConfig.init(context)" on your starting page of the app.

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

Are all the designs created by you/your team? Or is it from sites like dribble?

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

For inspiration you can check dribbble.com

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

How do you go about getting you svgs or designs? I would love to make some apps yet I struggle at the UI portion or designing them. Any suggestions?

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

For inspiration plz check dribbble.com

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

@@TheFlutterWay thank you :)

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

Sir bottom navigation missing from image shown in project

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

Yeah, already it cover lot of things and the video getting bigger that's why I just ignore this. Maybe in future video I will cover it.

@bohukornno96 11 месяцев назад

source code link is not working kindly give git link

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

Is this channel maintained by the official google flutter team or done by an individual guy?

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

I think this channel maintain by me😜 whose name is Abu Anwar.

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

The Flutter Way nice, it is looking so professional that i thought this is the official youtube channel of google flutter team 👍🏻👍🏻👍🏻

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

The Flutter Way bro please answer my question, why is everyone using vscode when they can simply write dart codes on android studio itself?

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

@@harshlondhekar7656 actually this is your personal choice but if you don't have heigh configuration pc then use VSCode, because it's lightweight.

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

The Flutter Way oh thanks 😊

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

Bro make a video on fetching data from firestore and search the firestore data

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

Soon I will

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

failed to resolve svg 17.4 with my updated flutters sdk ,, mixin error . help

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

just use flutter_svg: ^0.18.0

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

Damn, how can I run a test for apps?

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

Source code available on description.

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

Hi, IOS Emulator only works on Mac ? Can't we use a IOS Emulator on Linux ?

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

I don't think so, I think android emulator is the great option for Windows or linux.

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

牛逼

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

What extension do you use vscode to display the number of children of the view when code flutter

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

Bracket pair Colorizer

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

The Flutter Way thank you

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

Could you share it with Github.

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

check the description

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

Dont ever ask your doubts here.. cause this developer is very busy(fake) to answer them, just you tell them good things they will lick your back 🤦‍♂️ PS:- I`ve personally felt this😒