Flutter UI Tutorial - Job Search Job Finder App UI Design (Figma to Flutter) | PART 1
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 Job Search App UI Design to Flutter. Thank you Abdullah Al Noman for creating this awesome design! (https://shorturl.at/jmnBN)
Mockplus is online design and prototyping tool that helps to bring all of your ideas into life in just minutes, all without codes. Claim its 60% OFF Black Friday Sale here https://s.id/1XgVQ
#job #search #flutter #uidesign #figma #mockplus #mockplusrp
(AFFILIATE LINKS TO SUPPORT MY CHANNEL)
▶ My Screen Recording: https://screen.studio/@Zgn84
▶ My Second Brain: https://taskade.com/?via=abdulazizahwan
▶ My Hosting: https://ultahost.com/#abdulazizahwan
▶ My UI UX Inspiration: https://mobbin.com/?via=abdulazizahwan
▶ My Screen Recording: https://www.screenstory.io/?via=abdul...
▶ Flutter Course: https://gumroad.com/a/659170419/fqamxr
▶ No Code Course: https://nocodecamp.lemonsqueezy.com/?...
▶ Support Me: https://buymeacoffee.com/abdulazizahwan
----------------------------------
▶ Timestamps
00:00:00 - Chapters
00:00:05 - Introduction
00:00:24 - Thanks Supporters
00:00:45 - Useful Information for Viewers
00:03:13 - UI Design Overview
00:04:25 - Creating a New Flutter Project
00:07:06 - Setting Up Dependencies
00:09:45 - Building the Home Screen
00:25:18 - Creating the Job Card Widget
00:38:30 - Adding Job Status and Job Type
00:50:58 - Adding Floating Action Button
01:02:00 - Conclusion
----------------------------------
👨💼 Business Inquiries: [email protected]
----------------------------------
⚠️ FLUTTER & DART VERSION
Flutter 3.13.9
Dart 3.1.5
🔨 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://shorturl.at/jmnBN)
Flutter Project Code (https://abdulazizahwan.gumroad.com/l/...)
----------------------------------
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 M2 Pro 2023 (https://tokopedia.link/3WYrKxtLtEb)
Keychron K2 V2 Blue Switch (https://tokopedia.link/uqjfIqwLtEb)
Logitech MX Master 2s (https://tokopedia.link/1wMA1eALtEb)
Canon EOS M50 Sigma 16mm f1.4 (https://tokopedia.link/v6DIC5BLtEb)
Logitech C922 Pro Webcam (https://tokopedia.link/U8Sjr9DLtEb)
Thronmax Mdrill Zero M4 (https://tokopedia.link/BvrAajHLtEb)
----------------------------------
📱 FOLLOW
X ► / abdulazizahwan
Github ► https://github.com/abdulazizahwan
My Blog ► https://abdulazizahwan.com
----------------------------------
Thanks for Watching!