Flutter Explained
Flutter Explained
  • 43
  • 42 182
Flutter UI with the latest chatGPT o1
Discover the incredible capabilities of the ChatGPT o1 model! In this video, we put o1 to the test for Flutter UI development and explore just how far it has advanced. Spoiler alert: the progress is truly impressive!
#Flutter #ChatGPT #FlutterUI
Переглядів: 185

Відео

Upgrading source code of my VS Code Extension Using ChatGPT's O1 Preview: A Hands-On Guide
Переглядів 1562 місяці тому
In this video, I walk you through the process of enhancing my custom VS Code extension using ChatGPT's O1 Preview. Watch as I add an 'Editable' feature to my extension's status bar buttons, allowing commands to be editable before execution in the terminal. Check it out here marketplace.visualstudio.com/items?itemName=JijoNJ.custom-command-buttons Contribute here github.com/jijonj/manage_custom_...
VSCode Plugin with OpenAI chatGPT o1 Preview (for Flutter and more)
Переглядів 9582 місяці тому
I created an awesome VSCode plugin for Flutter with OpenAI chatGPT o1 Preview Check it out here marketplace.visualstudio.com/items?itemName=JijoNJ.custom-command-buttons Contribute here github.com/jijonj/manage_custom_buttons
Create Flutter Portfolio Projects for your Resume with ChatGPT 4o for free and Sell it
Переглядів 2795 місяців тому
Create impressive Flutter portfolio projects with the guidance of ChatGPT-4, enhancing your resume with practical, hands-on experience. Learn how to develop, showcase, and even monetize your projects, standing out in the competitive job market.
Creating Mason Brick Templates in Flutter Using ChatGPT
Переглядів 1,3 тис.6 місяців тому
In this video, we explore how to create Mason Brick templates using AI tools. Whether you're a beginner or an experienced developer, this step-by-step guide will show you how to streamline your workflow and enhance your app development process. Learn how AI can simplify the creation of reusable components, making your Flutter projects more efficient and powerful. Don't forget to like, comment, ...
Onboarding in Flutter with Riverpod
Переглядів 3076 місяців тому
In this tutorial, we'll walk you through creating an onboarding experience in Flutter. We'll cover how to manage state with Riverpod, persist user preferences using Shared Preferences, and navigate seamlessly with GoRouter. Project link:- github.com/jijonj/flutter_onboarding Article link:- flutterexplained.com/p/flutter-onboarding-with-riverpod
Easily Rename Your Flutter App with This Package!
Переглядів 3136 місяців тому
🚀 In this quick tutorial, learn how to effortlessly rename your Flutter app using the powerful rename package. Follow along to see step-by-step instructions and tips to make the process smooth and error-free. Perfect for developers looking to rebrand or organize their projects!
Create starter flutter UI for free with ChatGPT 4o
Переглядів 15 тис.7 місяців тому
Discover the power of ChatGPT 4o! Dive into our latest tutorial where we walk you through crafting a Flutter UI for free with latest and greatest ChatGPT 4o. Perfect for beginners and pros alike.
Episode 4: Image picker | Season 3: Useful Packages
Переглядів 1467 місяців тому
Learn how to integrate Image Picker in Flutter. Unlock the power of this useful package and enhance your app's functionality. Don't miss out! 🔥 #Flutter #UsefulPackages #imagepicker Article :- flutterexplained.com/p/episode-4-image-picker
Episode 3: Shared Preferences Package | Season 3: Useful Packages
Переглядів 698 місяців тому
Dive into the world of local data storage with Flutter! In this episode of Flutter Explained, we explore the shared_preferences package, a key tool for managing user preferences in Flutter apps. Article:- flutterexplained.com/p/episode-3-shared-preferences-package
Episode 2: SVG Package | Season 3: Useful Packages
Переглядів 8610 місяців тому
Discover the essentials of SVG packages in Episode 2 of Season 3: Useful Packages. We explore top tools for effortlessly integrating and animating SVGs in your projects, enhancing both design and functionality.
Unlock Seamless Authentication: Sign in with Google in Flutter App | Supabase Tutorial
Переглядів 3,8 тис.11 місяців тому
In this tutorial, we'll guide you through the process of implementing Google Sign-In functionality in your Flutter app without relying on Firebase. Instead, we'll leverage the power of Supabase for a robust and flexible authentication experience. 🔗 Useful Links: Google Cloud Console: console.cloud.google.com/ Get started by creating a project on the Google Cloud Console to set up your OAuth 2.0...
Episode 1: Launcher Icons package | Season 3: Useful Packages
Переглядів 192Рік тому
Customize Your Flutter App Icons: A Step-by-Step Guide 🌟 | Flutter Launcher Icons Tutorial 🚀 Ready to give your Flutter app a unique identity? Dive into our latest tutorial where we demonstrate how to easily set custom launcher icons for your Flutter apps using the flutter_launcher_icons package. Perfect for both iOS and Android, this tutorial will guide you through every step of the process. 🔑...
UI Images to Flutter Code with ChatGPT Vision #instagramclone
Переглядів 874Рік тому
Experience the magic of code generation! 🔮✨ Watch us transform a mock UI into a kinda Instagram clone app using ChatGPT. Say goodbye to manual coding and hello to innovation! 🚀 #UItoApp #CodeMagic #InstagramClone
UI Images to Flutter Code with new ChatGPT Vision
Переглядів 6 тис.Рік тому
Update!!! Please note that the content of this video is no longer relevant; we encourage you to check out our latest video for the most up-to-date information on chatGPT Flutter code generation from UI, available now! ua-cam.com/video/5CjdbckYfVs/v-deo.html Explore ChatGPT's prowess in converting UI designs to Flutter code in real time! Dive into this game-changing feature, perfect for accelera...
Episode 9: Exploring Dart: Generics in Dart | Season 2: Exploring Dart
Переглядів 100Рік тому
Episode 9: Exploring Dart: Generics in Dart | Season 2: Exploring Dart
Episode 8: Exploring Dart: Collections in Dart | Season 2: Exploring Dart
Переглядів 67Рік тому
Episode 8: Exploring Dart: Collections in Dart | Season 2: Exploring Dart
Episode 7: Exploring Dart: Records in Dart | Season 2: Exploring Dart
Переглядів 177Рік тому
Episode 7: Exploring Dart: Records in Dart | Season 2: Exploring Dart
Episode 6: Exploring Dart:Built in Types in Dart | Season 2: Exploring Dart
Переглядів 98Рік тому
Episode 6: Exploring Dart:Built in Types in Dart | Season 2: Exploring Dart
Episode 5: Exploring Dart: Metadata, Libraries and Imports in Dart | Season 2: Exploring Dart
Переглядів 552Рік тому
Episode 5: Exploring Dart: Metadata, Libraries and Imports in Dart | Season 2: Exploring Dart
Episode 4 :Exploring Dart: Comments in Dart | Season 2: Exploring Dart
Переглядів 89Рік тому
Episode 4 :Exploring Dart: Comments in Dart | Season 2: Exploring Dart
Episode 3 :Exploring Dart: Operators | Season 2: Exploring Dart
Переглядів 137Рік тому
Episode 3 :Exploring Dart: Operators | Season 2: Exploring Dart
Episode 2 :Dart Variables, Null Safety, Default Values, Late Variables, and Final & Const | Season 2
Переглядів 315Рік тому
Episode 2 :Dart Variables, Null Safety, Default Values, Late Variables, and Final & Const | Season 2
Episode 1 : Introduction to Dart | Season 2:Exploring Dart
Переглядів 175Рік тому
Episode 1 : Introduction to Dart | Season 2:Exploring Dart
Build and Debug Code leveraging AI using RiverPod and Clean Architecture
Переглядів 281Рік тому
Build and Debug Code leveraging AI using RiverPod and Clean Architecture
Build and Debug Code using AI
Переглядів 428Рік тому
Build and Debug Code using AI
Episode 16 : Flutter Tutorial Finale | Season 1:Exploring Common Widgets #flutterforbeginners
Переглядів 167Рік тому
Episode 16 : Flutter Tutorial Finale | Season 1:Exploring Common Widgets #flutterforbeginners
Episode 15: Circular Progress Indicator | Season 1:Exploring Common Widgets #flutterforbeginners
Переглядів 539Рік тому
Episode 15: Circular Progress Indicator | Season 1:Exploring Common Widgets #flutterforbeginners
Episode 14: Mastering Card view |Season 1:Exploring Common Widgets #flutterforbeginners
Переглядів 244Рік тому
Episode 14: Mastering Card view |Season 1:Exploring Common Widgets #flutterforbeginners
Episode 13:Mastering List view and Grid view |Season 1:Exploring Common Widgets #flutterforbeginners
Переглядів 411Рік тому
Episode 13:Mastering List view and Grid view |Season 1:Exploring Common Widgets #flutterforbeginners

КОМЕНТАРІ

  • @MuhammadMuhammadBishara
    @MuhammadMuhammadBishara 2 дні тому

    Your video was Very helpful and Can you help me learn flutter or guide maybe like give some sort of road map

  • @ansontharakan9726
    @ansontharakan9726 11 днів тому

    🌟✨️💫

  • @salmak1742
    @salmak1742 15 днів тому

    stop adding music in the background, it's very distracting....

  • @asad_alpha_
    @asad_alpha_ 2 місяці тому

    Great job man, it was easy to follow

  •  2 місяці тому

    Thank you very much, of all the tutorials I watched this was the best of all. Excellent content my friend.

  • @vettiyankan
    @vettiyankan 3 місяці тому

    🤓 awesomely awesome!

  • @shineps-wellnesscoach2479
    @shineps-wellnesscoach2479 3 місяці тому

    Super helpful and easy to follow! The way you showed how to use ChatGPT in VSCode for real-time coding assistance is fantastic. Can't wait to see what else this plugin can do!

  • @AbinGeorge-z7l
    @AbinGeorge-z7l 3 місяці тому

    Wow! The ChatGPT integration with VSCode is mind-blowing! This is definitely going to speed up my coding process. Thanks for making the setup so easy to understand. 👏

  • @abingeorge4272
    @abingeorge4272 3 місяці тому

    🔥 This tutorial is a game-changer! The integration of ChatGPT with VSCode is exactly what we need for more productive coding sessions. I love how the plugin streamlines problem-solving and boosts workflow efficiency. Can't wait to explore all the AI-powered features you covered. Thanks for breaking it down so clearly! 💡

  • @dhashamoolam3805
    @dhashamoolam3805 3 місяці тому

    Awesome

  • @かかか-j9l
    @かかか-j9l 3 місяці тому

    im japanese but your english is concise and easy to understand

  • @dsisfamilycart820
    @dsisfamilycart820 3 місяці тому

    Nice

  • @dsisfamilycart820
    @dsisfamilycart820 3 місяці тому

    Nice

  • @IndianGao
    @IndianGao 3 місяці тому

    Is it possible to without google cloud ?

  • @viokas121
    @viokas121 4 місяці тому

    I don't get the setState() method shown in my code auto complete, even when I type it manually it gives me an error complaining there is nothing as such method is implemented. Any idea what's wrong there?

    • @flutterexplainedofficial
      @flutterexplainedofficial 4 місяці тому

      setState can be used only inside stateful widget

    • @viokas121
      @viokas121 4 місяці тому

      @@flutterexplainedofficial fixed! Thanks a lot ❤️🙏🏻

  • @Vuvuvu75
    @Vuvuvu75 4 місяці тому

    As a backend developer who just installed flutter...i can now develop mobile app muahahaha. Actually it's really cool cauz it helps you to try and change widgets here and there. i think it's less overwhelming to learn like this, the easy way for sure...

  • @kriminalmalam
    @kriminalmalam 4 місяці тому

    quite interesting information👍, like and sub for you

  • @krishnan828
    @krishnan828 5 місяців тому

    cool

  • @surfreadjumpsleep
    @surfreadjumpsleep 5 місяців тому

    holy crap

  • @OlavoGiampietro
    @OlavoGiampietro 6 місяців тому

    Now if you know a little bit of code you can create cool apps with chatgpt and it's only the beginning. Good video!!!!

  • @AshishKumar-xw3vr
    @AshishKumar-xw3vr 6 місяців тому

    Thanks bro..... 🙂

  • @codermadushan
    @codermadushan 6 місяців тому

    Subscribed and terned on notifications for all . ❤😎

  • @_arshh__
    @_arshh__ 7 місяців тому

    Is Flutter going to be Dead? Are the rumour’s true?

    • @flutterexplainedofficial
      @flutterexplainedofficial 6 місяців тому

      Flutter is far from being dead. It's a popular framework for building cross-platform mobile applications, and it continues to receive strong support from Google and the developer community. While the rise of AI and other coding technologies might influence the landscape, Flutter has a robust ecosystem and offers unique advantages like fast development cycles and a single codebase for multiple platforms. AI can complement Flutter by enhancing app capabilities, automating development tasks, or providing better user experiences, but it doesn't necessarily replace the need for such frameworks. In short, Flutter remains a relevant and valuable tool in the development toolkit.

    • @maximgasai1349
      @maximgasai1349 6 місяців тому

      They fired someone from Flutter management team, it did not affect Flutter at all

    • @flutterexplainedofficial
      @flutterexplainedofficial 6 місяців тому

      @@maximgasai1349 Flutter is an open-source framework, so even though some roles were removed from the management team, it hasn't impacted Flutter's development. In today's market, it's not uncommon for roles to be consolidated, especially as AI continues to advance. AI is making it easier for new developers to get started quickly and helps experienced developers write better code faster. Within a year, we can expect AI to have even more capabilities to customize and enhance the entire source code of Flutter, thanks to its open-source nature.

    • @callmekelvin
      @callmekelvin 6 місяців тому

      It's still open source, the community will keep it alive

  • @codermadushan
    @codermadushan 7 місяців тому

    Hey can you make a video about how to handle onboarding screen with ro_router and and riverpod in flutter apps

    • @flutterexplainedofficial
      @flutterexplainedofficial 7 місяців тому

      Let me see if I can do one

    • @flutterexplainedofficial
      @flutterexplainedofficial 6 місяців тому

      Here you go ua-cam.com/video/tdxGg55e6c0/v-deo.html

    • @codermadushan
      @codermadushan 6 місяців тому

      @@flutterexplainedofficial thanks man 🥰. I really didn't expect this from you 😎. Congratulations for your UA-cam journey ❤️

  • @KaranChecker
    @KaranChecker 7 місяців тому

    Good video, but did you just copy '1.png' and paste it?

    • @flutterexplainedofficial
      @flutterexplainedofficial 7 місяців тому

      I just added a random picture to assets named 1.png and put it in all the places where asset images were given

    • @KaranChecker
      @KaranChecker 7 місяців тому

      @@flutterexplainedofficial That was fine, but then you even copied 1.png using you mouse and pasted it in the lines below Instead of just typing it out!

    • @flutterexplainedofficial
      @flutterexplainedofficial 7 місяців тому

      haha

    • @koda-app
      @koda-app 7 місяців тому

      It's called being lazy ahahaha

  • @khondokerabdullahelkafi6179
    @khondokerabdullahelkafi6179 7 місяців тому

    Bro you just gained a new Subscriber because of this and ngl your video is great and well detailed compared to other flutterguru out there keep up the good work and wating to see what you make next 💌

  • @PrateekNarang27
    @PrateekNarang27 7 місяців тому

    great tutorial

  • @aashinsiby2484
    @aashinsiby2484 7 місяців тому

    wow i should try this now thanks alot mate

  • @canistaken
    @canistaken 7 місяців тому

    awesome, thank you for all <3

  • @Kamal_sabki
    @Kamal_sabki 7 місяців тому

    thanks! i have an issue redirecting the users to the right page, i want to to redirect the user to continue the onborinf and completing the user information when they clic on sigup and if they clic on login with google they will be redirect to home. do you have anyidea on how to achieve this ?

    • @flutterexplainedofficial
      @flutterexplainedofficial 7 місяців тому

      You can use bloc listener and go router to navigate also can use shared preferences to save a value which will check and if true will show onboarding screen else will not

  • @PrateekNarang27
    @PrateekNarang27 8 місяців тому

    Nice video! Great tutorial.

  • @mjcomputers7604
    @mjcomputers7604 8 місяців тому

  • @dheerajreddymallapu9014
    @dheerajreddymallapu9014 8 місяців тому

    Good video

  • @FlorentinStan-cr1ss
    @FlorentinStan-cr1ss 9 місяців тому

    Thanks a lot ! Your video really helped me out , i have been struggling for couple of days

  • @SerafinoGiusti
    @SerafinoGiusti 9 місяців тому

    Thanks a lot ! Your video really helped me out , i have been struggling for couple of days

  • @IsaacAyrton-vd4sp
    @IsaacAyrton-vd4sp 9 місяців тому

    Thanks a lot ! Your video really helped me out , i have been struggling for couple of days

  • @HakonHreidar
    @HakonHreidar 9 місяців тому

    Thanks a lot ! Your video really helped me out , i have been struggling for couple of days

  • @MurroughAnton
    @MurroughAnton 9 місяців тому

    Thanks a lot ! Your video really helped me out , i have been struggling for couple of days

  • @EyrunVigfus
    @EyrunVigfus 9 місяців тому

    Thanks a lot ! Your video really helped me out , i have been struggling for couple of days

  • @MarziaManca-ke5jt
    @MarziaManca-ke5jt 9 місяців тому

    Great video! Very helpful for both the Flutter and Supa-base community!

  • @bryanmaccarone
    @bryanmaccarone 9 місяців тому

    Thank you

  • @dshukertjr
    @dshukertjr 10 місяців тому

    Great video! Very helpful for both the Flutter and Supabase community!

  • @marylincy6497
    @marylincy6497 10 місяців тому

    Why do we need to add signInConfigs

    • @flutterexplainedofficial
      @flutterexplainedofficial 10 місяців тому

      Adding a signingConfig is crucial for security and functionality. It ensures your app is recognized and trusted by Google's servers for Sign-In, maintaining a secure link between your app and Google. This step is not just about security; it's also about making sure your app works seamlessly with these services. Without it, you might face issues with integration

    • @marylincy6497
      @marylincy6497 10 місяців тому

      ​@@flutterexplainedofficial Does this flutter app send direct request to Google or via supabase?

    • @rodneypaul9430
      @rodneypaul9430 10 місяців тому

      @@flutterexplainedofficial i already have a different signinconfig i wrote during generating apk do i use the same? or do i have to use a different Sha1 key also?

    • @flutterexplainedofficial
      @flutterexplainedofficial 10 місяців тому

      @@rodneypaul9430 you can use the same and corresponding SHA1

    • @flutterexplainedofficial
      @flutterexplainedofficial 10 місяців тому

      @marylincy6497 The Google sign in package will return the id token etc after communicating to Google cloud then we give those id token etc to Supabase which will authenticate us.

  • @dhashamoolam3805
    @dhashamoolam3805 11 місяців тому

    Awesome

  • @gombovombo402
    @gombovombo402 11 місяців тому

    Thanks a lot ! Your video really helped me out , i have been struggling for couple of days with this.

  • @ebin7922
    @ebin7922 Рік тому

    English kurachu scn anne

    • @flutterexplainedofficial
      @flutterexplainedofficial Рік тому

      You cannot work in a corporate environment with out English. Learn English while you can

  • @ebin7922
    @ebin7922 Рік тому

    Malayalam thil class edko

  • @flutterexplainedofficial
    @flutterexplainedofficial Рік тому

    Update!!! Please note that the content of this video is no longer relevant; we encourage you to check out our latest video for the most up-to-date information on chatGPT Flutter code generation from UI, available now! ua-cam.com/video/5CjdbckYfVs/v-deo.html

  • @fakbarzadeh1904
    @fakbarzadeh1904 Рік тому

    hi ,thank you for all flutter tutorials,that's so good for me, but please continue that.😇😇

  • @RandallRamosSaucedo
    @RandallRamosSaucedo Рік тому

    a very good explanation, tks