Design the Main Page of the App & Add Custom Fonts | Flutter Awesome Notes - Part 1

In this video, we'll create the first page of our app (Awesome Notes). You'll learn how to use different types of Flutter widgets to craft some custom UI elements. You'll also learn how to add custom fonts to your app.
Like & subscribe to get the upcoming videos of the series, on time!
Source code 👨🏻‍💻: github.com/sm-sayedi/awesome_...
Links 🔗 used in the video
pub.dev/packages/font_awesome...
fonts.google.com/specimen/Pop...
fonts.google.com/specimen/Fre...
Timecodes (Chapters)
00:00:00 - Welcome
00:00:24 - Create a New Flutter Project
00:02:41 - Start Coding
00:06:21 - Add Font Awesome Icons to the Project
00:08:47 - Continue Coding...
00:24:48 - Add Custom Fonts to the Project
00:30:30 - Continue Coding...
00:50:07 - Solve Some Overflow Errors
00:50:44 - Continue Coding...
01:08:12 - Reformat the Code
01:13:02 - Final Words
#flutter #fluttertutorial #firebase #flutterfirebase #firestore

[@shaztech620]

awesome tutorial, well explained, luving it

[@sm-sayedi]

Glad you liked it!

[@zakfrum]

Clear and straightforward ! Keep up 👍

[@sm-sayedi]

Thank you! 🙂

[@trabzonapp]

Very good thank you

[@sm-sayedi]

So nice of you 🙂

[@FokrulIslam-bm8nu]

😍😍😍😍😍😍😍😍

[@sm-sayedi]

😊

[@HorizonShop99]

Is there many a place where I can get this codes

[@fazilrabizahin187]

ډیر عالي استاد محترم

[@sm-sayedi]

هيله کوم! 🙏🏻

[@lucaspedrajas5622]

how do you layout the paréntesis automatically? I've set the auto indent to full but doesn't separate the crochets and parentesis in different lines

[@sm-sayedi]

Add the necessary trailing commas in the code, and then use the shortcut Shift + Alt + F (windows) or Shift + Option + F (macOS) to format the code. Alternatively, right click on the code and then choose the "Format Document" option from the menu!

[@HorizonShop99]

Heyy If someone could help my I am not able to compress the column like you do at the start of the video

[@sm-sayedi]

I am not sure if I understood your question completely. Could you please mention the timestamp of the video your question is about?

[@HorizonShop99]

@@sm-sayedi No worries my friend I figured it out myself but thanks for the reply

[@HorizonShop99]

Hey Hey can anyone maby share the code with me I am really just trying to learn form it and I do not want to copy it I really want to enhance my coding and flutter skills

[@sm-sayedi]

Link to the source code is available in the video description!

[@AngryWolf-sq5wx]

You lost my attention shortly after starting. It would've been helpful if you explain WHY you were doing what you were doing.
So many Flutter tutorials are like that. Just doing things without explaining why.

[@sm-sayedi]

Thanks for the comment! It would be really helpful if you can mention a few places you felt that way! It will help me make better videos next time! 🙂