Building a Responsive Dashboard UI App with Flutter | Step-by-Step Tutorial

Sdílet
Vložit
  • čas přidán 1. 03. 2024
  • In this comprehensive Flutter tutorial, You will learn how to create a fully responsive Fitness Dashboard UI app from scratch in Flutter. Whether you're a beginner or an experienced developer looking to enhance your Flutter skills, Follow along with the code examples and demos to build your own responsive dashboard UI app and take your Flutter development skills to the next level.
    👉 Checkout the Source Code: shorturl.at/nxUVY
  • Zábava

Komentáře • 65

  • @HeyFlutter
    @HeyFlutter  Před 4 měsíci +1

    👉 Checkout the Source Code: shorturl.at/nxUVY
    👉Join 12 Week Flutter Training: heyflutter.com
    👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f

    • @LiamJackson427
      @LiamJackson427 Před 3 měsíci

      Hi, my names Liam Jackson and I'm trying to learn Flutter Development, I went to try and book one of the web conferences for your course but the only options for my time zone were 1:30 am and 5am. Will more times become available or are those the only times?

  • @Constantine..
    @Constantine.. Před 4 měsíci +12

    Step-by-step video instructions and even with a link to the source code. This is exactly what videos should be like!
    Thank you for your great job! 👍👍

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      Glad to hear that, You are most welcome @Constantine..

  • @darshit3857
    @darshit3857 Před 4 měsíci +1

    Dieses Video ist Schritt für Schritt und Ihr Code ist echtes Kabeljau und Ihr Code ist die beste Methode, um alles zu verstehen 👍

  • @elbu3818
    @elbu3818 Před 2 dny

    Great video! Thanks a lot!

  • @lucacandia3515
    @lucacandia3515 Před 4 měsíci

    Gracias,saludos desde Arg. Por acá aprendiendo !

    • @HeyFlutter
      @HeyFlutter  Před 3 měsíci

      Thank you, @lucacandia3515! 🙂

  • @SanusiAdewale
    @SanusiAdewale Před 2 měsíci +1

    more videos like this please. step by step from scratch.

    • @HeyFlutter
      @HeyFlutter  Před měsícem +1

      Glad you liked it, @SanusiAdewale 😀

  • @denn319
    @denn319 Před 2 měsíci +1

    awesome work! thank you!

  • @ZaferAst
    @ZaferAst Před dnem

    Thanks 👍💯

  • @kadercherif232
    @kadercherif232 Před 4 měsíci

    thanks for the video

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      You are welcome, @kadercherif232!

  • @mordiop6832
    @mordiop6832 Před 4 měsíci +1

    Great video 🔥
    Congratulations

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      Thank you, @mordiop6832! 🙂

  • @hanialhebshi9698
    @hanialhebshi9698 Před 3 měsíci

    Awesome .. Thanks a lot

    • @HeyFlutter
      @HeyFlutter  Před 3 měsíci

      You are welcome, @hanialhebshi9698!

  • @graceokon1221
    @graceokon1221 Před 4 měsíci

    Great video

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      Thank you, @graceokon1221! 🙂

  • @user-bx8uh4gl6s
    @user-bx8uh4gl6s Před 4 měsíci

    Thank you for your vidio show.

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      You are welcome, @user-bx8uh4gl6s!

  • @serkandemir6733
    @serkandemir6733 Před 4 měsíci +1

    Nice tutorial! It would be greate, if the next step is would be doing the navigation on this responsive App

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      Thank you, @serkandemir6733! 🙂

  • @bisewski01
    @bisewski01 Před 27 dny

    That was a very good tutorial. Thank you Sr. Maybe can you implement a drag drop action to reorder by user all the items? Would be very nice tutorial.

    • @HeyFlutter
      @HeyFlutter  Před 26 dny +1

      Thanks for the idea, @bisewski01! 🙂 I have added it to my list of ideas for future videos!

    • @bisewski01
      @bisewski01 Před 17 dny

      ​@@HeyFlutterDo you think that Maui have methods to create interfaces like in Gridster or in Reactive where we can drag elements like windows? With resize, maximize...

  • @Mhmd_SHA
    @Mhmd_SHA Před 4 měsíci

    thank you sir

  • @bayramkomekov7850
    @bayramkomekov7850 Před 2 měsíci

    Hi there can you show navigate on desktop side

  • @safari11
    @safari11 Před 5 dny

    thankyou dear

  • @victor7ultimate
    @victor7ultimate Před 2 měsíci

    Thank you

    • @HeyFlutter
      @HeyFlutter  Před 2 měsíci +1

      You are welcome, @victor7ultimate!

    • @victor7ultimate
      @victor7ultimate Před 2 měsíci

      @@HeyFlutter this channel never disappoints ☺️

  • @guilhermesoares9906
    @guilhermesoares9906 Před měsícem

    Nice video, step-by-step, loved! But I have some questions, what if I had state management, like cubit, that logic (isMobile/isDesktop/isTablet) wound be inside the cubit? And how do you feel about have in the main screen only three widgets, one for mobile, one for desktop and one for tablets, avoiding the amount of "if"'s

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thank You @guilhermesoares9906! Follow this link: medium.com/@azharbinanwar/coding-made-easy-using-handy-extensions-on-buildcontext-46283b3655be
      I hope you will get your answer 🙂

  • @itpeople1573
    @itpeople1573 Před měsícem

    super

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thank you, @itpeople1573! 🙂

  • @hiimkace1688
    @hiimkace1688 Před měsícem +1

    13:17 At this step, my cards are at the bottom of the screen instead of below the search bar like yours, what should I do to fix it?

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thank you, @hiimkace1688! 🙂. Please follow the video carefully.

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 Před 2 měsíci

    8:56
    Its better to have a clip to the container in order to contain the inwell splash.

    • @HeyFlutter
      @HeyFlutter  Před 2 měsíci

      Thank you, @saiphaneeshk.h.5482! 🙂

  • @francescoferri778
    @francescoferri778 Před měsícem

    Hi, I have a question, with this code I can create 3 differents app? I try to explain what I mean.
    If I write the code to create this the Tablet and version mobile could be an IOS and Android app of the breakpoint or the code function only on a web app?
    I hope I explain it correctly! 😁

    • @HeyFlutter
      @HeyFlutter  Před měsícem +1

      Thank you, @francescoferri778! 🙂. Yes it will work for both.

    • @francescoferri778
      @francescoferri778 Před měsícem

      @@HeyFlutter thank to you for the answer! Nice video by the way 😁💪🏻

  • @vimalvijayakumar9180
    @vimalvijayakumar9180 Před 4 měsíci

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      Thank you, @vimalvijayakumar9180! 🙂

  • @VELMURUGAN-vo6zo
    @VELMURUGAN-vo6zo Před 4 měsíci

    how can we add sub menu in side menu

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      Thank You @VELMURUGAN-vo6zo! Follow this link: stackoverflow.com/questions/76517157/how-to-create-a-submenu-inside-a-dropdown-menu-in-flutter-that-opens-side-to-the
      I hope you will get your answer 🙂

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 Před 2 měsíci

    During the development process i feel like running the app in native mac/win app is better than in web because of the hot reload feature.
    But the availablility of packages is one the biggest drawback while doing it.

    • @HeyFlutter
      @HeyFlutter  Před 2 měsíci

      Thanks for your feedback, @saiphaneeshk.h.5482! 🙂

  • @sahanfernando5039
    @sahanfernando5039 Před 3 měsíci

    Can you do in app purchases without using revenue cat? It is more helpful for lot

    • @HeyFlutter
      @HeyFlutter  Před 3 měsíci

      Thanks for the idea, @sahanfernando5039! 🙂 I have added it to my list of ideas for future videos!

  • @BintangPradivaPutraPrayoga
    @BintangPradivaPutraPrayoga Před měsícem

    8:30

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thank you, @BintangPradivaPutraPrayoga! 🙂

  • @Rm-qz1ro
    @Rm-qz1ro Před měsícem

    Plz help flutter in app purchase 2024

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thanks for the idea, @Rm-qz1ro! 🙂 I have added it to my list of ideas for future videos!

  • @victor7ultimate
    @victor7ultimate Před 2 měsíci +1

    The constant switching from dark-themed-everything to a flashing white meme background really hurts the eyes 🥺

    • @HeyFlutter
      @HeyFlutter  Před 2 měsíci

      Thanks for your feedback, @victor7ultimate! 🙂

    • @victor7ultimate
      @victor7ultimate Před 2 měsíci

      @@HeyFlutter the pleasure is mine ☺️

  • @eelam_hiphops
    @eelam_hiphops Před 3 měsíci

    dashboard with firebase

    • @HeyFlutter
      @HeyFlutter  Před 3 měsíci

      Thank you, @eelam_hiphops! 🙂