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:
► Live Demo:
If you like my open-source contribution please nominate me as a Github Star: (@abuanwar072)
►For the 3D intro, I’m using Rotato:
►Support Us:
► Social Media
GitHub:
Twitter:
Twitter: (my personal profile)
Facebook:
► 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!
thanks for posting this. learnt a lot from this
i need this project report
music sucks …
Where did you add the loading screen?
thank you so much. i am making climate alarm app with using mapbox. this responsive UI is so useful to me. thank you again.
thank you
Thank you for the wonderful video sir it is very helpful for me and my team, Thanks again sir
Thanks a lot for your useful content, ❤️ from Iran
Amazing!
Congratulations nice job!👏👏👏👏👏👏
Excellent video. Do you have a tutorial for flutter web + database ? like to create real life web application
What Indent Guides are you using?
awesome
perfect
Best of luck Vaiiii
There are some plebeians stealing from you 😅 (i.e. https://www.youtube.com/watch?v=4OxplFg1Oy0 & https://www.youtube.com/watch?v=MrVVzd3E5gM). Thank you for all your videos!
What host are you using??
it's amazing
how to open a new screen on drawer tab clicking
Thanks for the video. Can you use responsive_framework and make new and full tutorial about this (using new Flutter SDK)? Definitely I will buy.
Is it with backend?
nice work , thank you very mutch
how i can run this project in web and make hot reload to update output ?
Without closing the browser and restarting again
What extensions are you using in vscode?
where do i get the SVG icons you used
This is VERY BEAUTIFUL, Thank you for this great video
i would love to see you create a dashboard like this with backend logic included, not only the UI
Bro when I upload this web on hosting the 4 boxes is showing empty white box?
How to redirect to pages when clicking on drawer items?
Great tutorial! But could you provide an example for navigate between the menu please.
are you do private work？
now i know the power of expanded widget
Hello friend, you are scary.
Wonderful job, thank you!
How do you add a second page/section?
DISLIKE
I regret using flutter web so much.
Awesome!! I'm waiting for a course made by The Flutter Way!
Can you please tell me what is the plugin for VS Code that does this highlighting of nested elements (reminiscent of the command `$ tree .`)?
Done!
thanks for the tutorial!
Hi, um can you create a learning management system app using flutter? Thanks in advance
Awesome…Very well done!!
Simply inspiring! God bless your work always!
Stunning Design
This guy!!
This is one of the best and most digestible tutorials on the subject!
Thank you so much
Thanks for sharing this wonderful tutorial! Simply amazing.