COVID-19 App - Flutter UI - Speed Code
Рет қаралды 471,397
4 жыл бұрынWe create a nice clean #COVID-19 app #UI by using #flutter, where you can check how many people are affected and how many already died and recovered. It also shows the symptoms of COVID-19 and how you can keep yourself safe.
Learn how to make a custom shape using ClipPath widget, use the DropdownButton and customize it with the preferred design, create a custom card and add shadows.
Source Code: github.com/abuanwar072/Covid-...
►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
Thanks for watching!
Make sure to like + Subscribe For More!
#flutterApp #theFlutterWay
@roshanshetty5661 4 жыл бұрын
The UIs you create are absolutely elegant and aesthetically pleasing. It inspires other people to create such great ones as well! Thank you for sharing such a beautiful design.
@TheFlutterWay 4 жыл бұрын
Wow, thank you!
@akbarpulatov640 4 жыл бұрын
Very straightforward, professional and also the best flutter videos in the youtube! It will be great if you add some comments to your steps with 0.5 seconds pause before implementing this step. By meaning of steps, i mean not the basic, but structural steps, like 10-20 steps per video. However, thank you very much!
@TheFlutterWay 4 жыл бұрын
Great suggestion!
@benhakliyim6405 4 жыл бұрын
I'm sure this channel will reach great heights. Great job!! It looks really beautiful
@TheFlutterWay 4 жыл бұрын
Thank you so much ❤️, you guys inspired me a lot and it means a lot for me.
@vishnunair3479 4 жыл бұрын
Evet sen haklısın, Mr. Ben Haklıyım.
@basriyildiz327 4 жыл бұрын
Haha nickname Bak oww
@KRITACSS 3 жыл бұрын
Thanks for so much! Another channel to keep in mind you guys kzfaq.info both have great designs!!!
@hzlll54 3 жыл бұрын
yoo ben haklıyım
@drac.96 3 жыл бұрын
I love watching these programming videos. This video is done so well! Great job! The also adds a lot of inspiration to me.
@TheFlutterWay 3 жыл бұрын
Awesome, thank you!
@AhmedSam 4 жыл бұрын
I'm a C++ dev and Flutter just took all my interest because I have many ideas for mobile apps, but cpp isn't best for that. I'm reading docs but it will take me a while to scan all classes as I did with Qt. Watching a life coding using the SDK just pops the highlights into my brain and I got many answers just by tracing your code. Keep it up && Subbed!
@TheFlutterWay 4 жыл бұрын
Thanks
@JobaerArman 4 жыл бұрын
Instantly subscribed. I want to see more of your work and learn more.
@TheFlutterWay 4 жыл бұрын
Welcome aboard!
@jFernandoZ 4 жыл бұрын
Awesome work! I'm finishing my Flutter Bootcamp, and your vids are inspirational. Gained a new subscriber.
@TheFlutterWay 4 жыл бұрын
Awesome! Thank you!
@localroast9790 4 жыл бұрын
How are you going about learning Flutter?
@billycheung7095 4 жыл бұрын
Thanks for your speedcode video. It shows how that's elegant UI is built from scratch.
@TheFlutterWay 4 жыл бұрын
Glade you like it
@pettidavide 4 жыл бұрын
Just WOW, this channel is fantastic! Keep it up man! Subscribed + real time alerting!! 😍🚀
@TheFlutterWay 4 жыл бұрын
Glad you enjoy it!
@dhirajgawande007 4 жыл бұрын
Same.
@naveenchristopher 3 жыл бұрын
@@TheFlutterWay hi, this is the first video watching yours its amazing. How you remember this much coding things without any doubt serach google.
@michaelh7638 3 жыл бұрын
@@TheFlutterWay hey please make a teespring clone. It would be great to see something like that on this channel
@anonymous-je3ih 4 жыл бұрын
Believe it or not, I clicked subcribed the channel after seeing the thumbnail, logo and 10s of the video. I think it's much much better to have your voice to explain things in it.
@TheFlutterWay 4 жыл бұрын
Thank you so much, I'm trying to add voice but it take pretty good setup and long time, I will add voice over like after 50-60 videos.
@jonusbrothers2067 4 жыл бұрын
Brother...what a video....hats off.... salute to you man! Best video on KZfaq! Thanks man!
@TheFlutterWay 4 жыл бұрын
Wow, thanks!
@fabiofigueiredodasilva264 3 жыл бұрын
Congratulations man! Excellent job! I became your fan!
@ngotuanhien 2 жыл бұрын
At 5:09, you must use an empty Container() because it will load an empty space holder into the Stack that contains 3 widgets: SvgPicture, Text, and an empty Container. In order, you tiled the SvgPicture widget first into the stack but its width is not cover the whole width of the screen. The Text widget takes the the second position on top of the SvgPicture but it is still limited by the width of the stack. Once you put the empty Container() that would take the whole width of the stack by default, the three widgets would be display with a whole width of screen. That is why you should need an empty Container in the stack.
@aswinphilip3451 4 жыл бұрын
Great job man! Awesome design. Please check the responsiveness in smaller devices.
@TheFlutterWay 4 жыл бұрын
Ok, thanks for the suggestion, i will keep that in mind
@adityamiskin6569 3 жыл бұрын
You just got a new subscriber!!! Keep up the amazing work...
@TheFlutterWay 3 жыл бұрын
Welcome aboard!
@ArturoHerrera89 3 жыл бұрын
Excellent video dude, please continue with this work.
@TheFlutterWay 3 жыл бұрын
Thanks, will do!
@wizzl8513 4 жыл бұрын
5:05 I found the reason why it doesn't work without is because the stacks width is the width of the svg image (change the width and you can see a bit more of the text). It seems that by adding a container with undefined measures, the stacks width expands.
@TheFlutterWay 4 жыл бұрын
Plz check the repository, it works on all devices
@codez857 3 жыл бұрын
stack is set to take all the height it gets so defining a height helps
@santanuagarwal8135 3 жыл бұрын
@@TheFlutterWay its not working.. there are some errors.
@dedeagus9001 3 жыл бұрын
i change Expand to SizedBox and set width to infinity then remove container()
@tripathiabhay1 4 жыл бұрын
Great SpeedCode Video. I congratulate on starting a dedicated channel on flutter. Coding Speed perfect, background music wonderful, ui superb, even your coding style is decent. I also learnt how to copy relative path of any asset (using VS code from last 2 years but not aware of this handy thing). One request , kindly also provide a brief side info for uncommon stuff , for example - you used MediaQuery.Of.size.width. Why ? Otherwise everything great. Looking for more such videos.
@TheFlutterWay 4 жыл бұрын
Glad you enjoy it! I'm trying to post voice over vides, lets see, if published more speed code vides then I will keep that in my mind :) thanks for the suggestions ❤️
@deninshibu 4 жыл бұрын
Really wonderful job, sharing your knowledge UI is awesome !!!
@TheFlutterWay 4 жыл бұрын
Thank you so much
@Vellutia 4 жыл бұрын
Nice sleek looking UI
@TheFlutterWay 4 жыл бұрын
Thanks!
@aditgustiana3237 4 жыл бұрын
Now i know how amazing flutter is
@TheFlutterWay 4 жыл бұрын
Welcome to the flutter world and best of luck 👍
@gopinath9986 4 жыл бұрын
im also making an covid 19 awarness app for my state for past 1 week but after i saw this. my design is very dumb when compared to you . but yours is awesome
@TheFlutterWay 4 жыл бұрын
Thank you so much, my one design by a UI designer that's why it look good maybe, I think you are way batter dev then me.👍
@gopinath9986 4 жыл бұрын
@@TheFlutterWay now I'm happy to be your suscriber
@wesleybarnes5376 4 жыл бұрын
Very good, looks clean, thanks for sharing!
@TheFlutterWay 4 жыл бұрын
Thanks for watching!
@JOELwindows7 4 жыл бұрын
Corona guidance made with Flutter This is your daily dose of Recommendation
@bijayaadhikari442 4 жыл бұрын
Wow, I am gonna code-along, challenge with time keeper. As I know basic flutter, how much time it take, lets do it.
@TheFlutterWay 4 жыл бұрын
Actually, it varies person to person, just try your best and you gonna make it soon.
@tsioryfitiavanaanhykrishna6992 3 жыл бұрын
The Flutter God :O
@TheFlutterWay 3 жыл бұрын
Glad you like it 😊
@anhkhuong2324 3 жыл бұрын
Great video . Thank you ❤️
@abhinavsrivastav3980 4 жыл бұрын
Thank you for this amazing video. I also thought similar idea but didn't framed with such nice ui. Keep it up. Hope you do great in future 😁
@TheFlutterWay 4 жыл бұрын
Thanks, you too! Keep supporting us👍
@lucas3820 4 жыл бұрын
Hello, I would like to suggest a theme for a layout. Theme: World of Warcraft
@afrodroidtutorials5869 4 жыл бұрын
All of that nesting is giving me a migraine.
@gosnooky 4 жыл бұрын
It's the Flutter way....
@fireflyeeeee2980 4 жыл бұрын
You get used to it tho. Heck I actually love it now XD
@TheFlutterWay 4 жыл бұрын
😜😜😜👍👍
@TheFlutterWay 4 жыл бұрын
🤟🏽🤟🏽🤟🏽
@cat-.- 4 жыл бұрын
UI code becomes that one way or the other
@sohelakhtar8044 4 жыл бұрын
Wow wonderful app Very very thanks to the developer ❤️❤️❤️ for this effort
@TheFlutterWay 4 жыл бұрын
It's my pleasure
@tadaspetra 4 жыл бұрын
I saw your first video a little while ago, and now this popped up in my recommended with 100k+ views. You really got this youtube algorithm thing figured out haha. Give me your secrets lol
@TheFlutterWay 4 жыл бұрын
🤔🤔🤔😂😂, I just upload my videos that's it😜
@tadaspetra 4 жыл бұрын
The Flutter Way still very impressive 👍
@riufq 4 жыл бұрын
im a simple man. i see my country, i clicked
@immanueldiaz5710 4 жыл бұрын
Hey bro I'd like to clone your app but in kotlin, i can use your images and colors? I will give you creditns in my github repository
@TheFlutterWay 4 жыл бұрын
Go ahead!
@enesozmen7216 3 жыл бұрын
@@TheFlutterWay Thank youuu 😊
@r-techs1068 4 жыл бұрын
Great channel, Love from India 😍😍😍😍
@TheFlutterWay 4 жыл бұрын
Thank you so much 😊, keep supporting us👍
@lintangkusuma2845 4 жыл бұрын
it was an amazing design btw!!
@TheFlutterWay 4 жыл бұрын
Thank you! Cheers!
@mattischulz8743 4 жыл бұрын
Hey, amazing speedcoding! I would like to ask if I am permitted do take the source code and make it work, so it has Live Stats and Stuff... I would link you in the App as Main-Developer
@TheFlutterWay 4 жыл бұрын
Plz check the discrimination you got the source code, you can credit us for the UI
@mattischulz8743 4 жыл бұрын
@@TheFlutterWay Ok, thank you! I'll do that
@fireflyeeeee2980 4 жыл бұрын
Awesome video! But can you tell the name of the soundtrack 😅
@TheFlutterWay 4 жыл бұрын
Item Title: Cinematic Adventure Epic Item URL: elements.envato.com/cinematic-adventure-epic-ZMUC2DX
@fireflyeeeee2980 4 жыл бұрын
@@TheFlutterWay Thanks!
@kbmohamed1 4 жыл бұрын
Well done bro.. You gave me great energy.. Thanks
@TheFlutterWay 4 жыл бұрын
My pleasure
@thehumbleservant21 4 жыл бұрын
Fantastic ! Will you do some more in depth videos where you break down what you are doing too ?
@TheFlutterWay 4 жыл бұрын
I will add voice to my videos, but don't know when I'm gonna do that.
@lukesfridge 4 жыл бұрын
“All you need is stay at home” - The Flutter Way 2020 (btw that’s broken English, maybe just “Stay at Home” would be better and more concise)
@TheFlutterWay 4 жыл бұрын
Yeah, you are right
@lukesfridge 4 жыл бұрын
The Flutter Way very good video tho
@ashutoshmeena6159 4 жыл бұрын
Where can I find those kind of beautiful image assets ???
@TheFlutterWay 4 жыл бұрын
I just brought the UI, so it included
@sahiyadav759 4 жыл бұрын
@@TheFlutterWay can you suggest how can i use free resource
@PRAS223 4 жыл бұрын
@@sahiyadav759 maybe im late, you can find a lot good illustration for UI at undraw.co
@wldnfz 4 жыл бұрын
freepik.com maybe?
@adorna_r 4 жыл бұрын
Beautiful UI
@TheFlutterWay 4 жыл бұрын
Thanks 😊
@mikekong1874 4 жыл бұрын
nice work, u inspired me to learn flutter. already subscribed your channel
@TheFlutterWay 4 жыл бұрын
That's great!
@subhamsubhasispatra 4 жыл бұрын
If I make this UI to a live application and put it on play store ..then there will be any copyright issue ..
@TheFlutterWay 4 жыл бұрын
No, you can do that at list on my all codes. You can use it anywhere you, but plz give us some credit. I think we r worth of it.
@subhamsubhasispatra 4 жыл бұрын
@@TheFlutterWay i have made a full working app of your UI , thanks for giving this awesome UI .... This link in the comment
@subhamsubhasispatra 4 жыл бұрын
drive.google.com/open?id=1Xzulu4G0_mLlzTV2OHG5LAKbimo56oqJ
@subhamsubhasispatra 4 жыл бұрын
you can download the app from the above link
@TheFlutterWay 4 жыл бұрын
@@subhamsubhasispatra great work man
@abdallahnassar1771 4 жыл бұрын
dude, your are a UI GOD, thank you
@TheFlutterWay 4 жыл бұрын
thanks, keep supporting us
@abdallahnassar1771 4 жыл бұрын
@@TheFlutterWay will do
@farhanmazario7079 4 жыл бұрын
Woww amazing bro, it's beautiful. I am waiting for your next video :)
@TheFlutterWay 4 жыл бұрын
It means a lot, next video coming soon😎
@devsadeq 4 жыл бұрын
That's wonderful man ❤️
@TheFlutterWay 4 жыл бұрын
Thank you 🙌
@VJKoding 4 жыл бұрын
Amazing ui,thanks sir for inspiration ❤️
@TheFlutterWay 4 жыл бұрын
Most welcome, thanks for your comment❤️
@xdauz 4 жыл бұрын
Great work! Love it!!
@TheFlutterWay 4 жыл бұрын
Thank you! Cheers!
@shubhamdeshmukh7939 4 жыл бұрын
It was amazing!keep it up
@TheFlutterWay 4 жыл бұрын
Thank you! Will do!
@santhosh8495 4 жыл бұрын
Wow amazing content. I'm a beginner to flutter .I hope it will help me lot in exploring the flutter .
@TheFlutterWay 4 жыл бұрын
Glade to hear that, best of luck 👍
@bdananjaya 3 жыл бұрын
Wow adorable 💗 i like it just subscribed 🔥🎉
@TheFlutterWay 3 жыл бұрын
Thanks for subbing!
@kenthea365 4 жыл бұрын
cool man, i like your app design
@TheFlutterWay 4 жыл бұрын
I'm glad you like it
@user-fp4pm9fq5y 3 жыл бұрын
Hi man, Thank you. I learn Flutter by your video
@Abhishvek 3 жыл бұрын
Hey! You should definately check this kzfaq.info/get/bejne/nriDp6Se0LrHeo0.html
@Giigigi1122 4 жыл бұрын
Holly. It looks amazing
@TheFlutterWay 4 жыл бұрын
Thanks
@geojvallavancottu6010 4 жыл бұрын
Nice work keep doing like this. Love it...,😍❤️
@TheFlutterWay 4 жыл бұрын
Thanks bro, keep supporting us 👍
@enesozmen7216 3 жыл бұрын
Thank youuu for your videos. 👍👍👍😊😁
@TheFlutterWay 3 жыл бұрын
Glade you like it.
@france_unsc145 3 жыл бұрын
You are a great person
@yonghuang2305 4 жыл бұрын
woooo,this is a great case.thank you!
@TheFlutterWay 4 жыл бұрын
Thanks, it means a lot.
@proskyy 4 жыл бұрын
Amazing UI
@TheFlutterWay 4 жыл бұрын
Glad you like it
@dedisupardi2815 2 жыл бұрын
Excellent👍, thanks for sharing it to is to learn more
@TheFlutterWay 2 жыл бұрын
Thanks for watching!
@SulemanKhan-nk4lc 4 жыл бұрын
Wow great..keeping making videos like these 🖤
@TheFlutterWay 4 жыл бұрын
Thank you so much ❤️
@codingright 4 жыл бұрын
Great video! Thank you.
@TheFlutterWay 4 жыл бұрын
Glad you liked it!
@BenjaminCarlson 4 жыл бұрын
Great video! This video inspired me to do similar speed code videos on my channel!
@TheFlutterWay 4 жыл бұрын
That's awesome!
@deepjyotibaishya7576 4 жыл бұрын
amazing UI
@TheFlutterWay 4 жыл бұрын
Thank you so much ❤️
@MochiTheKittyCat 4 жыл бұрын
Well this was fun to watch 👌
@TheFlutterWay 4 жыл бұрын
Glad you like it!
@marwan.v1511 4 жыл бұрын
that was amazing bro ❤️❤️❤️. i learned a lot of new widgets and tricks here, thanks
@TheFlutterWay 4 жыл бұрын
Glad to hear that
@e.clediano 4 жыл бұрын
Hey, great project!!!! I solved the text problem inside the stack widget. I added fit and overflow property with StackFit.loose and Overflow.visible, respectively. Then i removed the Contaider widget. Thanks for this video!!!
@TheFlutterWay 4 жыл бұрын
Thanks for the tip!
@droweedryan 4 жыл бұрын
just a suggestion, coming from android and ios, create constants too for local image paths. saves much time.. got inspired to do a UI challenge because of this
@arannak3826 3 жыл бұрын
All this time didn't know you were from Bangladesh too. Have been following you for a long time brother ^^.
@TheFlutterWay 3 жыл бұрын
Wow, means a lot brother. Keep supporting my channel 💖
@zankares 3 жыл бұрын
Flawless.
@mithawalaprem42 3 жыл бұрын
Great UI learner a lot
@sanzharbekamatov1581 4 жыл бұрын
Awesome, good job, keep create 'speed code'.
@TheFlutterWay 4 жыл бұрын
Thanks, will do!
@abhishekabraham4107 4 жыл бұрын
Wonderful... No long speechy stuff.... People just wanna see how developers code, Watched it on mute though. I will be coming back for more... Subscribed!!!
@TheFlutterWay 4 жыл бұрын
Glad you like it 😊, keep supporting us 👍
@xWELEWMKMXDXxs 4 жыл бұрын
that guy does not coding only writing the his developed project
@azam2390 4 жыл бұрын
Love it bro ❤️
@TheFlutterWay 4 жыл бұрын
Thanks 🔥
@johanphilip5975 3 жыл бұрын
Lovely video! Can't wait to see more of these! But i really love the song do you happen to know the name of the song?
@RizwanKhan-tc7ys 4 жыл бұрын
This is awesome, time to flutter with flutter way
@TheFlutterWay 4 жыл бұрын
yeah👍
@Mohammad-qg3pj 4 жыл бұрын
It was really useful, beautiful, and great, thanks a lot ❤️😍🙏
@TheFlutterWay 4 жыл бұрын
❤️❤️❤️❤️❤️
@f00kwhiteblackracismwarsh07 4 жыл бұрын
Great work!!
@TheFlutterWay 4 жыл бұрын
Thanks for the compliment 👍🏽
@antoni2nguyen 4 жыл бұрын
It's very impressive. I've learned a lot. Thank you very much!
@TheFlutterWay 4 жыл бұрын
Glad it was helpful!
@foreverrafs 3 жыл бұрын
This guy is too good
@TheFlutterWay 3 жыл бұрын
Thanks 🙏
@kazuoy 4 жыл бұрын
Amazing!! Thanks for sharing!
@TheFlutterWay 4 жыл бұрын
Thanks for checking ❤️
@Armageddon227 4 жыл бұрын
nice background music also great work overall :D
@TheFlutterWay 4 жыл бұрын
Thanks!
@pustakahijrah3921 4 жыл бұрын
@@TheFlutterWay what is title backsound?
@lex6709 4 жыл бұрын
Item Title: Cinematic Adventure Epic Item URL: elements.envato.com/cinematic-adventure-epic-ZMUC2DX
@joeltvaldez 4 жыл бұрын
Thanks for sharing, you are amazing !
@TheFlutterWay 4 жыл бұрын
You are so welcome!
@user-dg5nv3db9s 3 жыл бұрын
Amazing!!! Thanks!
@TheFlutterWay 3 жыл бұрын
My pleasure, keep supporting my channel.
@brando7466 4 жыл бұрын
Awesome app man! I'm gonna try to make it with api calls!
@TheFlutterWay 4 жыл бұрын
Go for it!
@cryssiover8419 4 жыл бұрын
wow that "Extract Widget" method will surely help me a lot :)
@TheFlutterWay 4 жыл бұрын
👍
@dndjxnskdbajd4561 3 жыл бұрын
Very nice. It's taken my government up to 25th of September to build an app that looks nowhere near as good, it's absolutely pathetic. Probably paid some novice in the millions for it. Thanks very much for this video!
@TheFlutterWay 3 жыл бұрын
Our Pleasure!
@cengizgorencom4251 3 жыл бұрын
THIS IS AWESOME THANKS FOR THIS VIDEO AND SOURCE ON GIT .. i FORKED IT DIRECTLY ; )
@TheFlutterWay 3 жыл бұрын
Glad it helped!
@cengizgorencom4251 3 жыл бұрын
@@TheFlutterWay I forked 3 Projects from you .. bro ..youre amazing ! .. and your github sourcecodes are off the hoooook bro...
@muhammadkashif7209 4 жыл бұрын
cool a lot of things i learn from this awesome tutorial
@TheFlutterWay 4 жыл бұрын
Awesome, thank you!
@Bucharestvibes 4 жыл бұрын
Amazing i love it 😍
@TheFlutterWay 4 жыл бұрын
Glad you like it!
@matthewkenn4223 4 жыл бұрын
That's really cool TBH
@TheFlutterWay 4 жыл бұрын
Thank you so much ❤️
@natdiv9 4 жыл бұрын
Un challenge incroyable..
@mpicuser 4 жыл бұрын
Hi...thanks for this great video. Very inspiring for a beginner like me.
@TheFlutterWay 4 жыл бұрын
Thank you so much, those type of comments also inspire me a lot, best of luck 👍
@edarnimakmur 4 жыл бұрын
Thank you so much everybody
@TheFlutterWay 4 жыл бұрын
Most welcome 😊
@maiconjonatha 4 жыл бұрын
beautiful
@TheFlutterWay 4 жыл бұрын
😊😊😊😊
@sandeepkrishna3096 4 жыл бұрын
Awesome UI.The best I've seen. Why don't connect it with backend API and convert it into a realtime COVID-19 tracker app?
@TheFlutterWay 4 жыл бұрын
Thanks, Actually now I'm interest in UI.
@abdull1437 4 жыл бұрын
wow so cool and quick
@TheFlutterWay 4 жыл бұрын
Glad you like it!
@ishahzaibkhan 3 жыл бұрын
It's OK to upload video at normal speed. i am watching the video at 0.75x. Upload at normal speed so you can get more watch time and people who want to watch it quickly can 1.5x the video. BTW Thanks, you are doing wonderful work.
Flutter Europe
Рет қаралды 302 М.
VovaLika Family
Рет қаралды 26 МЛН
In Gulnaz's kitchen
Рет қаралды 2 МЛН