Channel | Publish Date | Thumbnail & View Count | Download Video |
---|---|---|---|
Publish Date not found | 0 Views |
Read the article about this video here:
https://codingyourlife.medium.com/e-learning-app-flutter-ui-tutorial-1-go-router-config-nav-bar-3e636aed5b4b
Welcome to the first tutorial in our Flutter UI eLearning app series! In this session, we'll dive into developing an e-learning application, focusing on configuring the Go Router and creating the main menu. Follow along step by step as we guide you through the process, making Flutter UI development easy and enjoyable.
Final source code (40++ screens):
https://codingyourlife.gumroad.com/l/english-course-app
Get the assets and code base:
https://github.com/faisalramdan17/flutter_english_course
Playlist – Flutter UI Tutorial – Online Learning App:
https://www.youtube.com/playlist?list=PLfoSLwBzaK26h0b-XZ-ypaqahOFcc4XkS
Key points covered:
1️⃣ Configuring the Go Router for smooth navigation.
2️⃣ Design and implementation of the main menu of the E-Learning application.
3️⃣ Tips and tricks for an efficient Flutter UI workflow.
Whether you are a beginner or an experienced developer, this tutorial is designed to improve your skills and provide you with valuable information on creating attractive user interfaces with Flutter. Don't miss the opportunity to improve your app development game!
Try the app on Play Store:
https://play.google.com/store/apps/details?id=id.codingyourlife.enlive
GET ALL APPS:
https://codingyourlife.gumroad.com
Flutter documentation: https://docs.flutter.dev
Go Router package: https://pub.dev/packages/go_router
FREE Flutter Course → https://bit.ly/flutter-free-course
→ Source Code – Car Rental App:
https://codingyourlife.gumroad.com/l/flutter-cental-car-app
→ Source code – Training application:
https://codingyourlife.gumroad.com/l/flutter-aqua-workout-app
Subscribe to stay informed about upcoming tutorials and receive notifications as we continue to explore Flutter UI development. If you found this tutorial helpful, give it a thumbs up, share it with your fellow developers, and let us know what you think in the comments below!
→ OTHER PLAYLISTS:
BASIC FLUTTER TUTORIAL → https://youtube.com/playlist?list=PLfoSLwBzaK27KKI6O8CeXJGIWfu6YNjQ6
CAR RENTAL APP – TUTORIAL → https://youtu.be/KgrXIoftgw0?si=j3o6L8H3mNCGaj1K
VIDEO PREVIEW → https://youtube.com/playlist?list=PLfoSLwBzaK26PmYZzbK2-2cFKvAFLz9aG
FLUTTER UI (CHALLENGE) → https://youtube.com/playlist?list=PLfoSLwBzaK25JQd_39CYJ18zcNBUBcF-0
PREVIEW :
00:00 – Introduction and demo
00:22 – Add Visual Studio Code Json parameters
00:37 – Edit main.dart and pubspec.yaml
01:54 – Configuring the application theme and folder structure
02:40 – App navigation bar and routes
10:30 a.m. – Closing
Music from Bensound.com
License code: ZHDPBBNEM10DBQ1Y
TO SUPPORT ME :
– Wise → https://wise.com/pay/me/faisalm269
– PayPal → https://www.paypal.com/paypalme/faisalramdan17
– Download my apps → https://codingyourlife.gumroad.com
– Buy me a coffee → https://www.buymeacoffee.com/faisalramdan17
– My portfolio → https://codecanyon.net/user/codingyourlife/portfolio
CONTACT ME :
– Email → [email protected]
-Instagram → https://www.instagram.com/faisalramdan17
– Github →https://github.com/faisalramdan17
– LinkedIn → https://www.linkedin.com/in/faisalramdan17
Please take the opportunity to connect and share this video with your friends and family if you find it useful.