Skip to content

The network

Add your feed Account Follow @itsallwidgets on X (opens in a new tab)
Videos
Video

E-Learning App - Flutter UI Tutorial #1 | Go Router Config Nav Bar

by Coding Your Life youtube.com

Watch on YouTube

Flutter UI Tutorial & Template | E-Learning App | English Course App 🔗 Read 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 E-Learning App series! In this session, we dive into the development of an E-Learning App, focusing on setting up the Go Router configuration 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 Basic Code: https://github.com/faisalramdan17/flutter_english_course 🔗 Playlist - Flutter UI Tutorial - E-Learning App: https://www.youtube.com/playlist?list=PLfoSLwBzaK26h0b-XZ-ypaqahOFcc4XkS 🚀 Key Points Covered: 1️⃣ Configuring the Go Router for seamless navigation. 2️⃣ Designing and implementing the main menu for the E-Learning App. 3️⃣ Tips and tricks for an efficient Flutter UI workflow. Whether you're a beginner or an experienced developer, this tutorial is designed to enhance your skills and provide valuable insights into building engaging user interfaces with Flutter. Don't miss the chance to level up 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 Flutter Course for FREE → https://bit.ly/flutter-free-course → Source Code - Rental Car App : https://codingyourlife.gumroad.com/l/flutter-cental-car-app → Source Code - Workout App : https://codingyourlife.gumroad.com/l/flutter-aqua-workout-app 🔔 Subscribe to stay updated on 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 your thoughts in the comments below! → OTHERS PLAYLISTS: FLUTTER BASIC TUTORIAL → https://youtube.com/playlist?list=PLfoSLwBzaK27KKI6O8CeXJGIWfu6YNjQ6 CAR RENTAL APP - TUTORIAL → https://youtu.be/KgrXIoftgw0?si=j3o6L8H3mNCGaj1K PREVIEW VIDEO → https://youtube.com/playlist?list=PLfoSLwBzaK26PmYZzbK2-2cFKvAFLz9aG FLUTTER UI (CHALLENGE) → https://youtube.com/playlist?list=PLfoSLwBzaK25JQd_39CYJ18zcNBUBcF-0 OVERVIEW : 00:00 - Intro & Demo 00:22 - Add Visual Studio Code Settings Json 00:37 - Modify main.dart and pubspec.yaml 01:54 - App Theme Config and Folder Structure 02:40 - App Navigation Bar & Routes 10:30 - Closing Music by Bensound.com License code: ZHDPBBNEM10DBQ1Y 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 → faisalramdan.id@gmail.com - Instagram → https://www.instagram.com/faisalramdan17 - Github →https://github.com/faisalramdan17 - LinkedIn → https://www.linkedin.com/in/faisalramdan17

Made by

Coding Your Life @codingyourlife 🇮🇩 Indonesia

Flutter Programmer

View Coding on Flutter Pro
Forum

Questions about this, or something to add?

Discuss on the forum

Topics go_router Navigation and routing

It's All Widgets

Apps by Coding Your Life

  • Car Rental App v2.1 - Flutter UI Kit using GetX screenshot

    Car Rental App v2.1 - Flutter UI Kit using GetX

    Car Rental App UI Kit developed and designed for Developer using Flutter & GetX State Management

More like this

Report this · Wrote this? Claim it

Supported by