Flutter COVID-19 Dashboard UI | Speed Code

Welcome to my Flutter Speed Code tutorial series where you will learn Flutter and create amazing apps using Dart. In this video, we build a COVID-19 Dashboard UI.
» Check out my Flutter courses on Launch Club 🧠
www.LaunchClub.io
» Remember to like, subscribe, share this video, and star the repo on Github :)
kzbin.info?sub_...
» Resources
Source Code: github.com/MarcusNg/flutter_c...
Design: dribbble.com/shots/11015463-C...
» Socials
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Timestamps
00:00 Introduction
00:21 Project Setup
03:10 Bottom Navigation Bar
07:13 Custom App Bar
09:42 Country Dropdown
15:03 Home Screen Header
18:05 Prevention Tips
20:17 Do Your Own Test
22:50 Stats Screen Header
23:48 Region Bubble Tab Bar
25:39 Stats Tab Bar
26:48 Stats Grid
31:05 New Cases Bar Chart
» Music
Joakim Karud ( / joakimkarud )
LAKEY INSPIRED ( / @lakeyinspired )
#COVID #Flutter #FlutterUI

[@vivek.tiwary]

You got a unique style of coding, every time I learn something new. Thank you 😊

[@snickr6377]

Great coding. Thanks man. Keep them coming. Subbed to your website and taking your bloc notes course. Very helpful.

[@danielnnaji724]

Marcus for president! your tutorial videos are bomb sir!

[@user-gu5ts5nx8r]

The lost man is back with another useful video. Thanks for sharing.

[@afrazahmadkhokhar]

Speed code series is awesome. I just want to say if you first create a wiget and then style it then it would be easy for us to understand it. Another thing, when you are styling anything we are not sure what you are making, so it would be great if you hightlight and show the portion of design that you are going to start. Thanks a lot for sharing your knowledge.

[@twistedsector]

Just a quick text editing tip - you can use CTRL+Arrow Left/Right to jump to the previous/next word, and SHIFT+Arrow Left/Right to select it. (Your videos are top notch, by the way)

[@geraldcampana9296]

Thanks! keep creating tutorials like this.

[@rekaiadraoui4060]

Of course we like this video Marcus 👏

[@aldipiero747]

Great stuff as well 👍

[@gharbain]

well, this is first time ever I did all at once subscribe, using bell notification, like and share KZbin channel on KZbin, usually just subscribe and likes in different videos, because this channel deserve it, LOVE what are you doing go a head please don't stop I will support you with shares

[@Grewal0007]

Welcome back 😊🤜🤛

[@arsarsars1able]

Excellent Work brother

[@Lu-gc4pe]

Great work!!

[@yunoistrue]

Bagus jih, mas bro. Cakep..! 👍🏻👍🏻

[@__Rizzler__]

Somebody give this man an award

[@xaxababa6616]

He is alive!

[@yamalao3027]

beautiful beats :)

[@eternalincantation]

awesome, thanks!

[@septinaannuriarakhma4030]

Thank youuu

[@akhilv3487]

You are the best

[@DanMlayah]

Awesome video. How did you make that intro illustrating the app design

[@pranishramteke7642]

Hey, man, fantastic video can you tell us how did you make the intro video. Did you use the flutter code somehow

[@nympho25]

damn dude.... everytime i see a vid of yours i just favorite it.... this list is getting long.... so far I've only done the Facebook clone.. well... im still working on it.... i think i will do the chat app next

[@fightforffredoom]

WOWWWW

[@andresalba34]

Hi Marcus, how do you get the little lines in your lines of code ?? The ones that connect the beginning and end of a bracket. Do I need a plug in for Android studio?

[@ohohabbydale]

Hello, for your bubble tab indicator, how do you make it work when clicking a different option, like it shows a different data below. I really need your help :(

[@billmellis7796]

Any reason you didn't use PageView to move between pages? Love your vids :)

[@fludev5954]

bottomNavigationBar does it work in other pages? for example a page that is not written in List _screens?

[@rekaiadraoui4060]

hey marcus, do you think you can make a flutter+firebase App tutorial? firestore is very handy when dealing with live data, or saving realtime information in general. thank you

[@nepalcodetv6298]

Nice Content please also add course with flutter with rest api (node or django) using state management like flutter_bloc / provider Thank you. ---- no need of developing rest api...just handling with flutter

[@cledilsonprogramador]

How do you create this video from the beginning showing the phone with the created application? please help me

[@ridhoweedy2109]

How can i add onPressed to move to another page in SliverToBoxAdapter?

[@mayureshveeramallu7023]

hey while adding assets and then hr it shows "mapping isnt allowed here have you missed the colon somewhere"please help

[@jeffreylim5920]

Thanks for the wonderful video! One question here, what's the difference between 'screen' and 'widget'?

[@kalpparekh6008]

bro i getting error in sdk version and i update sdk but still same problem occur please help.

[@green6564]

Which theme u use for vscode

[@lucasdiblasi9282]

How can use the toLowerCase for images?

[@viralmetashorts550]

Sir i am bi fan

[@Superluffypirate]

I really like your videos and really learn a lot from your videos. I am a beginner and i am still learning about how to design the UI and make it responsive. Can you make some tutorial on how to make UI responsive to different screen sizes by using expanded, fitted or box constraints. Im confused by these and how to implement these

[@yusuphh.kajabukama4029]

can you do a video on OCR/QRCODE Marcus?

[@learnflutterwithameer]

why you are using export for screens and widgets file ?

[@muditpant9071]

Please make a tutorial for beginners!!

[@SAURABHGUPTA_DINOSAUR]

Sir, i have a doubt........how to run different classes with different names if the main function only runs "MyApp"?? how do i connect it all and create multiple screen files layout. PLS HELP WHATEVER CODE I WRITE, only MyApp gets executed

[@rajatkhoware2364]

Brother, can you please explain to me how to show TabBarView in it?

[@sagarkc3662]

good job brother..Teached alot.. Just a single doubt..Could we have just used ScrollView rather than CustomScrollView??

[@afrazahmadkhokhar]

Slivers work with customScrollView

[@ashishthakur3974]

"message": "The named parameter 'visualDensity' isn't defined. Try correcting the name to an existing named parameter's name, or defining a named parameter with the name 'visualDensity'.", "message": "Undefined name 'VisualDensity'. Try correcting the name to one that is defined, or defining the name.", hi.. how can i solve this error... please reply

[@coodementor6826]

how to get UI emulator like u, it's coll.

[@cedvdb6473]

Why are you putting scaffold inside scaffold at 4:32 ? Why not use a tab controller ?

[@fixocsolutions2695]

how you create app intro video

[@DanielPerez-xm8xd]

What page i can get this images?

[@srymegf4087]

love your coding bro but can you fetch data from json http remotely or fetch data from any other website like world0meter to update it daily in same GUI please reply i am waiting for your reply and for that video with source code

[@ryonnl]

Its UI speedcoding..

[@studenta297]

Can you write a comment in the code for undrestand what you did

[@rahulmittal4852]

How can I contact you?

[@tenj]

What is the name of the plugin that make this lines please. 5:39

[@random4u]

If it's the lines connecting parent to child widgets. It's part of the dart plugin. To enable go File > Preferences > Settings. Search for "Dart:Preview Flutter Ui Guides", and tick this option. Reboot vs code and it should appear.

[@tenj]

@@random4u it took 9 months 🤣🤣 thank you ❤️❤️

[@LavishThoughts]

Bro please make a restaurant table booking app on flutter with back-end and both client and costumer app

[@user-nc6en6zk7w]

is this app is for android too?

[@me_dev7535]

how to add sidebar navigation bar?

[@afrazahmadkhokhar]

If I am not wrong you are looking for Drawer widget

[@bruceyue001]

where is the source code?

[@windsze9284]

cuz FlatButton is deprecated. In case you need the code for TextButton, here it is. TextButton.icon( onPressed: () {}, icon: Icon(Icons.phone, color: Colors.white), style: ButtonStyle( backgroundColor: MaterialStateProperty.all(Colors.red), shape: MaterialStateProperty.all( RoundedRectangleBorder( borderRadius: BorderRadius.circular(18), side: BorderSide(color: Colors.red), ), ), ), label: Text( "Call Now", style: TextStyle(color: Colors.white), ), )

[@davidramirez1171]

And for the SMS? it goes like TextButton.icon( onPressed: () {}, icon: Icon(Icons.bubble_chat, color: Colors.white), style: ButtonStyle( backgroundColor: MaterialStateProperty.all(Colors.blue), shape: MaterialStateProperty.all( RoundedRectangleBorder( borderRadius: BorderRadius.circular(30), side: BorderSide(color: Colors.blue), ), ), ), label: Text( "Send SMS", style: TextStyle(color: Colors.white), ), I have a trouble with the icon and child parameter need to be used. how u fix it? thanks you

[@pistarrafernandez9830]

@@davidramirez1171 why not elevatedButton? its already have a circular border with material3

[@tidaannasang9090]

Explaination please

[@AnujYadav-zv6sd]

Please try payment app , next time Sir...

[@rahulmullick7316]

sir i visited ur site but i cannot afford it....please make a series on youtube....! it's my earnest request to u....! Hope u understand....! i'm from india...!

[@sharanbabu2001]

Full fledged Ed tech app plz. With functionalities of payment and buying courses

[@sharanbabu2001]

Will be really helpful...

[@playinginside5498]

Can you make me for the UI restaurant

[@matin2456]

How to learn flutter

[@sribalanagasairamasasankga615]

Please make a fully working app not just UI please.......

[@sagarkc3662]

The f1_chart package is not working right now. Any suggestion ??

[@muditpant9071]

Please make a tutorial for beginners!!