Furniture App - Flutter UI - Speed Code

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

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

50% 1

Nice, clean Furniture app #UI using #Flutter.
We design two pages one is the product page with a search bar at the top then the category list at the end list of products. And another one is the details page provides you more details about the product like price, long description, at the bottom chat, and add to cart button.
►Source code: github.com/abuanwar072/furnit...
►For the 3D intro, I'm using Rotato: bit.ly/3heGagj
► Social Media
GitHub: github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
0:25 Project setup
2:53 Product Page
19:20 Details Page
Thanks for watching!
Make sure to like + Subscribe For More!

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

16 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Dude, I watch you're videos like it's a Friday night at the movies. I lean a lot thanks.

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

Keep enjoying one day you will be better then me👍

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

I hope to reach this level of success

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

What you had to pick up?

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

@@TheFlutterWay I can actually code my only problem is the ui itself, how do you get inspiration. How to get better with ui/ux?

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

@@abbasloda1 check dribbble.com

@Mohammad-qg3pj 4 года назад

You're the best channel for learning new things I've ever seen. Keep going 🙏♥️

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

Thank you so much, it means a lot for us😍

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

Subbed! Really like how you structure the app, doing all the widgets and methods modular. It is very easy to follow, thanks a lot!

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

Awesome, thank you!

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

this youtube channel just makes my life a lot easier

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

Glad to hear that❤️

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

It is really amazing how quickly you construct pages. I am watching it while eating something.

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

Keep enjoying more are coming

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

I completed a course on few weeks back and I wasn't motivated to make any App but after watching your videos and code from Git I have regained my interest and learned a lot. Thank you for sharing your work.

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

That's great!

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

It's always a relax & constructive time see your videos. Keep Going doing this great job! You're awesome 🚀

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

I appreciate that!

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

I was moved by the harmony of the music and the way your app was taking shape. :D

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

Enjoy and keep supporting us

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

Music reminds me of RuneScape music hehe.

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

I'm a beginner as it's been only 3 months learning java and android. You know the feeling of knowing you can do well in the end but the process is dark and you don't know if the end is going to ever come. I was very frustrated but your videos motivated me alot. Thanks for sharing your amazing works! Hope I can reach to that point soon.

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

Great to hear! Soon you will be better then me, best of luck👍

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

I'm so motivated with your work.. Gonna watch all your videos and I'll definitely implement everything in my apps!!!!

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

Sure, go ahead 👍

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

You're the best, your videos are helping me a lot at work

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

Happy to hear that!❤️

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

Awesome job man...keep us motivating

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

We will!

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

you are a genius, in every video I learn something new from you, thanks!

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

Glad to hear that!

@RamKumar-zf5cl 4 года назад

Seriously Excellent Work. It's really helpful. Thank you so much. It's very much neet and maintainable. I will definitely try this. Keep Going. Good Job!!

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

Thanks a lot 😊

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

Esto es magnifico, gran trabajo, muchas gracias por compartir tus conocimientos, saludos desde Chile.

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

Thank you, love you guys

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

Thank you for sharing you video. This is like watching a movie. I have learned a lot. Thank you so much and keep the good work!!!

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

Thank you! Will do!

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

You are doing very good things, and I'm just starting out.

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

Glad you like it

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

nice work. i love it.

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

Glad you like it 😊

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

Lovely! Thank you :)

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

Our pleasure!

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

Wow! Very cool

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

Glad you like it!

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

Well done bro! doing subscription with also notification bar on..

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

Appreciated

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

Good job man, your videos are awesome.

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

May be in future can you do dictionary app with firebase, suggestions.

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

I appreciate that!

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

Thanks. Very wonderful video. I learnt alot.

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

Glad it was helpful!

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

Awesome content. I will say if you upload in parts on 2 different days will be great in future. Cheers.

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

Thanks for the suggestion, let's see

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

awesome and mind blowing work.

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

Many many thanks

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

woww ... thanks is a great project

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

You are most welcome

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

Mashallah Brother you did a great jobb.

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

Appreciated❤️

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

Nice video. Your videos are motivating me to learn flutter. I am started. . .

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

All the best❤️👍

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

big thanks.. its very helpful..

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

Glad to hear that

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

asalam calaykum bro i am from somalia i watched your videos i surprised how you reply every how write you comments thanks i thinks that good person thanks bro more and more i thinks that you are humble person

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

Wow. Thank you so much

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

You're most welcome😊

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

Please make more videos, very enjoyable :)

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

Thank you, I will

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

Wonderful video man. Just rocked it. Please upload backend part of this app where if an individual book an furniture the admin gets notified about the order

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

Thank you so much, maybe in near future

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

wow nice video! It would have taken me 2 hours to make this and another 10 hours to figure out the backend stuff.

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

❤️❤️❤️Great work man, you are awesome 👍

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

Good job! Keep it up

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

Thanks for the compliment keep supporting us 👍

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

good! Waiting for next video.

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

Thanks, Next Friday 😎

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

Very nice!

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

Thanks!

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

really thank you a lot

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

Thank you for much

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

Its amazing!

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

Glade you like it

@Lu-gc4pe 4 года назад

Excellent!!

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

Thank you! Cheers!

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

Really Awesome

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

Thank you so much ❤️

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

you are the best!

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

Our pleasure

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

Отличное видео, ждем ещё

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

Thank you so much❤️, more are coming

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

This is awesome

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

thank you so much

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

beautiful

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

Many many thanks

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

Wow it's great bro

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

Thank you so much 😀

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

Really good Awesome

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

Thanks a lot 😊

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

thanks bro

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

So good

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

Thank you so much

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

Magnifico. Gracias por compartir el conocimiento. ¿Podrías subir animaciones en Flutter?

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

Thank you so much, maybe in near future

@RoyalNatangwe Год назад

bruv your code edits are in order❤‍🔥 and repetitious meaning they are good for reinforcement learning, if only you could provide the material along with, we could learn a great deal from you...🔥

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

well done

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

Thanks

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

Perfect

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

Thanks 😊

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

Thank you

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

Always welcome 😊

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

ধন্যবাদ!😍

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

always welcome

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

which VS Code expensions your are using to make the codes look so beautiful?

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

Good work

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

Thank you so much 😀

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

Hello, I am just curious to know the tool you used to make this nice preview of the App ....

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

awesome tutorial.. may I know what extension do you used to create dash line (connector line which indicate the beginning and the end of widget)?

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

Thanks, Bracket Pair Colorizer👍

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

The search bar looks amazing but any idea on how to link it to the list you created. Any documentation or help would be great! Thanks in advance

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

Your content is just excellent and the way you organize things is just impressive. I have designed a similar app and I am facing issues while hero animating the title of the product. Only the two words of it properly animates but the last word just arrives with a blink. Can you help me out

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

nicework! what tool do you use for the phone 3d demo at the start.. and all the animations? do you use the same one in all your videos? which is best.. thanks!

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

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

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

I would like to see how you do an Interior Design Portafolio App or something similar that also we can use the same code for website.

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

Noted

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

Congratulations, very good!!! I like Soundtrack. What it's name???

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

beautiful an expanded work a question what software do you use to make up? traducido con Google

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

Rotato

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

Nice job....what's the music?

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

идеально

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

❤️❤️

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

Hey bro, such a nice video, have one query how did you make intro video (start 0.00 to 0.22 second) ? on iPhone

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

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

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

Nice work bro But, why you are not using the MediaQuery in the container sizes

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

Which Container can you explain more🤔

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

Great Video. Can I ask you something ? How to get that kind of 'Intent Guide' in VScode ? Right now I have the basic one. But yours looks pretty good and useful to know the tree.

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

Just install Bracket Pair Colorizer extension

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

Thank you.

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

hi,could you do a video of how you plan your apps before you start developing

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

Thanks for the suggestion, maybe in near future

@hassan.designx 3 года назад

Your tutorials are great. Can you please tell me from where we can get assets of a Ui from Dribble?

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

My designer provide me those.

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

is it possible to make those animation with the items moving like this on a wordpress site ? or does this only works with react ?

@zaabimahdi Год назад

which vsCode is used to show the lines of the widgets tree?

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

Hello... Please which extension have you used to display the wiget hierarchy ? (The |____ colomn)

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

show tutorial how to display the app like that too

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

Adorei o software da intro.. qual soft usou para esta intro?

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

po to doidao pra saber tb

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

ACHEI rotato.xyz

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

at the time of creating as variables is presenting this error : The parameter 'press' can't have a value of 'null' because of its type, but the implicit default value is 'null'. Try adding either an explicit non-'null' default value or the 'required' modifier.

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

could someone help me?

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

class Activity { String imageUrl; String name; String street; List startPrice; int price; int rating; Activity({ this.imageUrl, this.name, this.street, this.startPrice, this.price, this.rating, }); }

@mrali7384 Год назад

Sir i have 1 issue while m clicking on any product it is not moving to next page detail page

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

How to list from data base instead of hard coded products

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

How we gonna execute the backend. Please make a video on backend part as well.

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

Maybe in future, thanks for the suggestion

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

@@TheFlutterWay Thanks Buddy 😊

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

how do you do the presentation

@MRKCartoons8021 8 месяцев назад

In my coding accentColor property is not working why this problem?

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

Excellent, How did you make the 3D opening video?

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

I thought I found it, rotato.xyz, is it?

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

yep

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

This is awesome, do you have an option to build the app without code?

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

Thanks, sorry I can't help you on that

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

Hi! I am using your code but do not understand how I should make the category list to actually work. Someone that can help me?

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

hi .. this tutorial is good.. but i need 1 favor .. can you tell me how to create folders in Android 11.. i am using Flutter SDK 1.20 this is old version and now android 11 is not allowing me to add / create folders in external Directory. / storage/0/TestFolder

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

Can we make the product.dart page by importing the data from the database?

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

Yes

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

What music did you use?

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

Music?

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

How can I position the title text to the far right?

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

Then put it on "actions"

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

which extension used for flutter in vs code???

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

Normal Dart, Flutter also Bracket Pair Colorizer

@angelordevil7977 Год назад

Name of music?

@Tony-ue9dl 4 года назад

How can add more colors in mi itens at models/product? Ex:, how to add more colors here? Container( height: 136, decoration: BoxDecoration( borderRadius: BorderRadius.circular(22), color: itemIndex.isEven ? kPrimaryColor : kSecondaryColor, boxShadow: [kDefaultShadow], ), child: Container( margin: EdgeInsets.only(right: 10), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(22), ), ), ),

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

does anyone know the name of music? 👀

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

Can you create a home finder app? Sample with firestore 🔥

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

thanks for the suggestion, maybe in near future

@AMD-1087 4 года назад

Would you be doing videos with voice over at normal pace and not speed code for beginners in the future?

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

maybe in near future

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

I have a question please, where do you get the exact sizes and color codes for the UI that you make? does the designer give them to you or attach them along with the design or do you have another way to obtain them? thank you very much

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

actually the designer team provide me XD, Figma or Sketch file, which include everything

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

@@TheFlutterWay oh i see, thank you for answering, i was really curious.