Flutter COVID-19 Dashboard UI | Speed Code

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

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

50% 1

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 :)
ru-vid.com?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

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

4 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@vivek.tiwary 4 года назад

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

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

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

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

Marcus for president! your tutorial videos are bomb sir!

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

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

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

Of course we like this video Marcus 👏

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

Somebody give this man an award

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

Thanks! keep creating tutorials like this.

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

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.

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

Great stuff as well 👍

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

Excellent Work brother

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

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)

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

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

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

Great work!!

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

well, this is first time ever I did all at once subscribe, using bell notification, like and share RU-vid channel on RU-vid, 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

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

beautiful beats :)

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

Welcome back 😊🤜🤛

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

He is alive!

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

awesome, thanks!

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

You are the best

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

Thank youuu

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Please make a tutorial for beginners!!

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

WOWWWW

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

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

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

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 3 года назад

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 :(

@yusuphh.kajabukama4029 4 года назад

can you do a video on OCR/QRCODE Marcus?

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

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

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

Slivers work with customScrollView

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

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

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

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

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

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

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

Sir i am bi fan

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

Which theme u use for vscode

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

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

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

why you are using export for screens and widgets file ?

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

How can use the toLowerCase for images?

@rajatkhoware2364 Год назад

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

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

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

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

how you create app intro video

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

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

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

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

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

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

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

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

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

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 4 года назад

Its UI speedcoding..

@DanielPerez-xm8xd 2 года назад

What page i can get this images?

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

how to add sidebar navigation bar?

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

If I am not wrong you are looking for Drawer widget

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

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

@AnujYadav-zv6sd 4 года назад

Please try payment app , next time Sir...

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

is this app is for android too?

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

"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

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

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 3 года назад

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

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

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

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

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 3 года назад

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

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

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...!