Responsive Admin Panel or Dashboard - Flutter UI - Speed Code

On Flutter V2.0 web officially supported on a stable branch. Today we share an Admin panel or you can call it dashboard #UI build with #flutter. Now you can build your app dashboard using flutter. This dashboard contains almost everything that you need like a chart, table, nice small card for showing info. It works perfectly on the Web, macOS app, Tablet also on both Android and iOS phones. It's time to code once run everywhere. Yeah, Flutter web is not SEO friendly but we don't need SEO for the admin panel.
►Source Code: cutt.ly/SbbtV4v
► Live Demo: abuanwar072.github.io/Flutter...
If you like my open-source contribution please nominate me as a Github Star: cutt.ly/Kbbywd3 (@abuanwar072)
►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:06 Project Setup
3:00 Side Menu
8:20 Header
14:31 Storage Details and Chart
23:38 My Files
25:15 Cloud Storage Info Card
32:34 Recent Files DataTable
37:30 Make the UI Responsive
Thanks for watching!
Make sure to like + Subscribe For More!

[@nero9061]

In my opinion, his speed silent coding style with soft piano sound is perfect. Due to speed coding, he don't need to speak or explain anymore. So, thank god you're here. WONDERFUL!

[@EmanueleTozzato]

This is one of the best and most digestible tutorials on the subject!

[@rifqiramadhanimuhammad9429]

I'm on tear of joy. I learned a lot from your hard work. Deserve medals!

[@TheFlutterWay]

Wow, thank you! 🙏

[@deneb6139]

There should be a Nobel Prize in Flutter App Dev and Anwar should be the first one to get it.

[@TheFlutterWay]

❤️❤️

[@2020hut]

Been doing flutter professionally since 2018 and there’s no other framework I would use. I’m impressed with the speed of implementation and the the designs you are creating. Keep it up 👍

[@TheFlutterWay]

Great to hear!

[@edwinjonah]

I have no experience in Flutter whatsoever, but this is just so satisfying to watch. Keep it up!

[@TheFlutterWay]

Wow, thanks!

[@abhishek0116]

Everything told without any word. You are amazing and your coding style too!

[@TheFlutterWay]

Thank you so much 😀

[@user-kw4kp7eq9m]

You read my mind. That's what I've been looking for all month.

[@TheFlutterWay]

Enjoy!

[@trinib1]

me too

[@harshbsv]

Thank you. I was looking for a proper way to make my apps responsive to different screens. This really helped me understand how to implement that.

[@LeoHANUL2007]

The number ONE tutorial for the year! To learn and joy!

[@TheFlutterWay]

Wow, thanks!

[@zerosugar2126]

I just can say wow! And still doesn't feel its even enough for this great work. Your work is awesome and inspiring. Keep up the good work 💪

[@TheFlutterWay]

Thank you! Will do!

[@blablablabla29382]

Very good tuto / demo, please send that to the flutter team to promote flutter :). You add comments, responsive, and take time to explain all small things what a change since the start of your channels (the big line didn't changed, but the small detail take a huge improvement, well done !)

[@davidtzirima9301]

i also like it , those comments makes the difference

[@TheFlutterWay]

Thanks it means a lot, One day I will complete all.

[@tsioryfitiavanaanhykrishna6992]

Done ! i voted for you ! you are the best dude ! thank you for ur contribution to the FLutter community !

[@Geek-jx3gw]

THATS BEYOND ART!!!!!!!!! THIS IS THE BEST TUTORIAL EVER !! OMG I AM SO SO SO SPECHLESS :((

[@indiancodingclub]

impressive design with good code quality. Nice bro : - )

[@calvinnguyen1451]

Thanks for sharing this wonderful tutorial! Simply amazing.

[@r.d.7575]

Love your music choice. Tears of joy here !

[@TheFlutterWay]

❤️

[@spacerecluse]

nominated by me :). thanks for your work! it's really great!

[@denylsonsilva9110]

Simply inspiring! God bless your work always!

[@mohammedyasir5157]

This is VERY BEAUTIFUL, Thank you for this great video

[@intekhabalam9889]

fabulous, can't express it, thanks for making a wonderful style of the tech world, am learning and may need your help. thanks again

[@muhammadnaveeed9382]

Really love it brother. It gives me motivation of doing flutter

[@MrPaynoo]

Hell, you rock sir! I'm starting a project with Flutter, you're inspiring.

[@TheFlutterWay]

Go for it!

[@MrPaynoo]

@@TheFlutterWay Hello I've tried to add more screen to the app, but the Drawer don't persist when I try to change the screen. I don't know what to search on Flutter to help to fix that behavior.

[@nirjanmunshi9334]

Lovely one brother. Now I am inheriting your pattern also.

[@theTechaddict19980]

Amazing. I was waiting for this.😎

[@TheFlutterWay]

Enjoy

[@comichero853]

I never thought flutter is so easy....😍 I'm React JS developer. In React JS you will need minimum 3 hours to make this UI with all responsive layout.

[@ahmedabdorhman]

Masterpiece, no words to say ... Respect.

[@seoul_Jin500]

thank you so much. i am making climate alarm app with using mapbox. this responsive UI is so useful to me. thank you again.

[@yazidsarsar9855]

Great video, and nice explanation. Keep going All the best

[@void4904]

It has given me a lot of teaching and inspiration. This video is great. 🙏💚

[@TheFlutterWay]

Glad it was helpful!

[@parwaanvirk]

Great Work ..... One of the most helpful flutter channels ever.

[@TheFlutterWay]

Wow, thanks!

[@darul-asar381]

Masterpiece 💥

[@sarveshhon3507]

Stunning you help me unknowingly about should i learn web developement to develop admin panels. Now i can say only flutter 👍

[@VenuGopalVallepu]

Super a great work, this will eliminate use of multiple projects and leading towards one project which works for all platforms

[@maulidmajaliwa9549]

No words to add here, Just be blessed men

[@rafaelrojas9028]

Awesome!! I'm waiting for a course made by The Flutter Way!

[@batu4605]

You are the amazing developer i ever seen. Please shine our way with your amazing designs and videos. And please make a course 🥺 we need you. 🌹

[@TheFlutterWay]

Thank you, I will

[@FrostwareMx]

God bless you!!, thank you so much, a learned a lot!!!!!, honestly you deserve a medal❤️

[@TheFlutterWay]

Wow, thank you!

[@jawad_youtube]

This is insane level Beautiful 😍

[@AshwinBalani]

Wonderful work buddy

[@obengkuning3260]

Love this ui, so smooth so fancy..

[@bmpbilsim]

Awesome code technique, nice job bro :)

[@TheFlutterWay]

Thanks 😁

[@RafaelLaporte]

Congratulations nice job!👏👏👏👏👏👏

[@tomicriedel5005]

Exactly what I'm looking for, great!

[@TheFlutterWay]

Enjoy!

[@kurtestacion6113]

Many Thanks! You are a blessing.

[@btm1337]

What a beautiful masterpiece!

[@TheFlutterWay]

Glade you like it!

[@abubakernawaz625]

Lovely Work Bro.👏👏👏 A Little Addition: if somebody wants to hide drawer automatically when app come from mobile to desktop mode. paste the code (inside main_screen, Build Method before return), WidgetsBinding.instance.addPostFrameCallback((timeStamp) { if (Responsive.isDesktop(context) && context.read.scaffoldKey.currentState.isDrawerOpen) { Navigator.pop(context); } });

[@hunaiddouble131]

Great work! And skills delivering style👏

[@TheFlutterWay]

Thank you! Cheers!

[@abulbasharkhanrakib3591]

Proud of you brother, when i see you are from my country

[@kevinamadi6887]

brilliant work, really great stuff 👍

[@TheFlutterWay]

Many thanks!

[@Mohammadreza-Dolati]

Thanks a lot for your useful content, ❤️ from Iran

[@mohamedhussein5080]

Man this is aaaamazing! Thanks for the gret content.

[@TheFlutterWay]

Glad you enjoy it!

[@mburiamutuma9885]

thanks for posting this. learnt a lot from this

[@TheFlutterWay]

Glad to hear it!

[@pravinprince3221]

Thank you for the wonderful video sir it is very helpful for me and my team, Thanks again sir

[@nikhilgavali2762]

You are really great man, hats off to you.

[@TheFlutterWay]

Glad you like it!

[@FlutterShipp]

Stunning Design

[@anjurahi1058]

You are very excited to your video 👍❤️❤️❤️. Please post more videos at least once a week

[@TheFlutterWay]

Let's see

[@trinib1]

thanks for this ..didnt know what to search

[@TheFlutterWay]

You are welcome!

[@yannmen8769]

Great Work!!! Thanks a lot.

[@BhupeshRajShakya]

Just awesome you really now motivate me to learn flutter now

[@kittichons9373]

Man... You're great!!

[@mahersalamin623]

Extraordinary !

[@natdiv9]

Wonderful job, thank you!

[@TheFlutterWay]

Our pleasure!

[@rodrickee]

subscribed to your channel, thank you very much for your work

[@TheFlutterWay]

Thanks for the sub!

[@kouameyaojean1482]

You are the BEST Flutter Way .... Clap Clap Clap

[@milada424]

this is gold ! thank you for sharing 👍

[@TheFlutterWay]

My pleasure!

[@mecil9]

Thanks,This is most sample to Responsive UI Template.

[@leonard9500]

Beautiful!!!

[@timedeal1564]

You do an exceptional job at what you do and I love them, however a newbie like me would love some vids with explanation. I guess that would not be a bad one at all. I would appreciate it when my concerns are addressed please

[@TheFlutterWay]

I'm trying to publish a voice over video.

[@burmanbagaskara8437]

Done! thanks for the tutorial!

[@TheFlutterWay]

Welcome!

[@hungmanh4639]

amazing. thank for your contribution.

[@TheFlutterWay]

My pleasure!

[@WebHoax]

Thank you for this video. You are a boss

[@daumienebi]

Thanks for the video

[@winter_t]

Amazing!

[@mkmalikcom]

Inspiring 🔥

[@iUmerFarooq]

Great job 👏 keep it up 👌

[@TheFlutterWay]

Thank you, I will

[@nikhuge6580]

Nice work sir

[@muslehhaj4164]

إبداع !! رائع !! الله يفتح عليك !!

[@vinaymama]

Only one word....Superb.....

[@TheFlutterWay]

Thanks

[@TravelWithVinu]

Best find for flutter development

[@TheFlutterWay]

Glad you think so!

[@AnaximandroAndrade]

Awesome...Very well done!!

[@TheFlutterWay]

Glad you like it!

[@tuankuwahid9777]

thanks for sharing. Great Job. well done!

[@TheFlutterWay]

Thanks for watching!

[@xxcharlesxx4346]

Excelente dashboard

[@lucianodoria]

It was wonderful!

[@TheFlutterWay]

Glad you like it!

[@hisamk7765]

Very nice bro.. Thanks for your great mind to share your knowledge...

[@TheFlutterWay]

It's my pleasure

[@wehement]

Awesome. Thanks for video.

[@TheFlutterWay]

Our pleasure!

[@elitetecnologica8103]

We love ur work

[@TheFlutterWay]

We love too

[@NaqushabNeyazee]

This is indeed The Flutter Way!

[@triggerhappy899]

Oh my god... this is beautiful

[@TheFlutterWay]

Glad you like it.

[@brandonhong542]

Great work. thanks !

[@TheFlutterWay]

Our pleasure!

[@namomera4169]

love this video

[@mdtareqaziz645]

Just Awesome

[@retrom]

Something about the music makes it captivating.

[@dasunnimasha1123]

Amazing. it's really great!

[@TheFlutterWay]

Glad you think so!

[@kazuha1166]

Just beautiful

[@TheFlutterWay]

Thank you! 😊

[@S-Lomar]

Thank you for sharing ❤️💕💕💕💕💕💕💕❤️

[@jrguedes]

Great job

[@AdeKaryadi]

nice video, thanks

[@TheFlutterWay]

Thank you too

[@FireFly969]

I love you and I love this channel

[@TheFlutterWay]

Love you too!

[@Ahmed-yr8wb]

I'm speechless 🤐