Flutter UI Tutorial - Lucky Pet Shop E-Commerce App UI Design Dribbble (Figma to Flutter) | PART 1

Опубликовано: 01 Январь 1970
на канале: Abdul Aziz Ahwan

7,859

207

Get 10,000 free mins to build flutter App: https://bit.ly/3FzK2I6
Find more about ZEGOCLOUD API & SDK: https://bit.ly/3h6NmAV

Hi everyone, I am Abdul Aziz Ahwan from Indonesia,
In this video, we are going to learn Flutter UI which we are going to convert Lucky Pet Shop E-Commerce App UI Design from Figma to Flutter.

Thank you Osama Dawood for making this awesome design!

#pet #shop #flutter #dribbble #flutter #design #ui #ecommerce

PART 1 (   • Flutter UI Tutorial - Lucky Pet Shop ...  )
PART 2 (   • Flutter UI Tutorial - Lucky Pet Shop ...  )

🔖 JOIN FLUTTER COURSE 🔖
Build real, responsive applications! (Portfolio, E-commerce, Crypto App, Budget Tracker)
This course is designed for beginner to intermediate developers who want to build their future with Flutter
https://gumroad.com/a/659170419/fqamxr

----------------------------------

👨‍💼 Business Inquiries: [email protected]

----------------------------------

Thanks to 🥈 Silver Supporter
pedro diaz

----------------------------------

⚠️ FLUTTER & DART VERSION
Flutter 3.3.0
Dart 2.18.0

🔨 PACKAGE FOR THIS PROJECT
google_fonts (https://pub.dev/packages/google_fonts)
flutter_svg (https://pub.dev/packages/flutter_svg)

🌃 VSCODE THEME
https://marketplace.visualstudio.com/...

📂 PROJECT FILE
UI Design File (https://dribbble.com/shots/16306013-F...)
Assets File (https://abdulazizahwan.gumroad.com/l/...)
Flutter Project Code (https://abdulazizahwan.gumroad.com/l/...)

----------------------------------

⏲ Timestamp
00:00:00 👨🏻‍💻 Chapters
00:00:22 Support Me 💰
00:00:34 Say Thank You
00:02:16 Create a Project
00:03:14 Import Assets
00:03:56 Add Dependencies
00:04:56 Setup size_config.dart
00:07:42 Setup app_styles.dart
00:12:45 Setup main.dart
00:14:52 Setup Top Header Section
00:20:47 Setup Image Promo Section
00:33:58 Setup Dogs List Section
00:54:10 Setup Cats List Section
00:56:45 Setup Bottom Nav Section
01:00:18 Enhancement
01:08:12 Closing! 🙋🏻‍♂️

----------------------------------

This video was made with great effort,
If you want to support me you can donate to the following link

Join this channel to get access to perks:
   / @abdulazizahwan

💰 PAYPAL
Link ► https://paypal.me/abdulazizahwan

🧧 SAWERIA
Link ► https://saweria.co/abdulazizahwan

🪙 TRAKTEER
Link ► https://trakteer.id/abdulazizahwan

☕ BUY ME A COFFEE
Link ► https://buymeacoffee.com/abdulazizahwan

----------------------------------

🤙 JOIN MY DISCORD
Link ►   / discord

----------------------------------

Hopefully, you would love this video.
I am so grateful if you want to hit the subscribe button. Thanks

📌 SUBSCRIBE ME
Here ► http://bit.ly/AbdulAzizAhwan

----------------------------------

🎬 ANOTHER PLAYLIST
Flutter UI Design Best Practices
Link ►    • Flutter UI Tutorial - UI Design Best ...

Flutter Firebase CRUD Tutorial
Link ►    • Flutter Firebase CRUD Tutorial

Flutter Tutorial - Basic [EN]
Link ►   • Flutter Tutorial - Basic [EN]

----------------------------------

👨‍💻 GEAR LIST & TOOLS
MacBook Pro 2017 
( 8GB RAM 256GB Ventura OS )

Acer Swift 3 SF314-54G-51ZK
( 12GB RAM 256GB SSD NvME M.2 Windows 11)

Keychron K2 V2 Blue Switch

Logitech MX Master 2s

Canon EOS M50 Sigma 16mm f1.4

Logitech C922 Pro Webcam

Thronmax Mdrill Zero M4

----------------------------------

📱 FOLLOW
Twitter ►   / abdulazizahwan
Github ► https://github.com/abdulazizahwan
My Blog ► https://abdulazizahwan.com

----------------------------------

Thanks for Watching!
#Dart
#Android
#iOS
#Swift
#Kotlin

Смотрите видео Flutter UI Tutorial - Lucky Pet Shop E-Commerce App UI Design Dribbble (Figma to Flutter) | PART 1 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Abdul Aziz Ahwan 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7,85 раз и оно понравилось 20 людям.