Build Spotify With Flutter - Bloc , Clean Architecture , Firebase , Figma

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 156

  • @FlutterMapp
    @FlutterMapp 4 дня назад +4

    Is it just me or the Flutter Guys are just great? The "I don't want to waste your time" at the start is cool, you just go straight to the point, I love it!. Thanks for creating huge projects like this 💪

    • @flutterguys
      @flutterguys  4 дня назад

      Love you my bro 🤜🤛
      The best of the best ✌️

  • @barziyassin1
    @barziyassin1 2 месяца назад +51

    A simple tip, if you wanna full screen vscode with visible emulator, you can press ctrl+alt+b to open secondary sidebar, then you can place the emulator in it, don't forget to set the emulator visibility to always on top. (not possible in mac)

    • @flutterguys
      @flutterguys  2 месяца назад +1

      Thank you for tip, I will try this.

    • @aditya-dev-diaries
      @aditya-dev-diaries 2 месяца назад +1

      I swear to god, i love you bro. I have been looking for this specific time, however with no luck. Thank you 🥹

    • @Emerald_Institute
      @Emerald_Institute Месяц назад +1

      this is the only thin i leanrt from this video

    • @terrencebeckham3689
      @terrencebeckham3689 Месяц назад +1

      Wow didn't know that

    • @ziya.5788
      @ziya.5788 20 дней назад

      Thanks!

  • @Dipankarr_
    @Dipankarr_ 2 дня назад

    Great tutorial brother. Support form 🇮🇳

  • @nnddev7463
    @nnddev7463 2 месяца назад +3

    Wow 🎉🎉🎉,
    I'll learn a lot from this video. Thank you!

  • @MrCamdere
    @MrCamdere 2 месяца назад +2

    U got i keep going with tut like this brother

  • @rishabhdevchandrakar2957
    @rishabhdevchandrakar2957 Месяц назад

    well done bro this amazing tutorial make such project and help us to learning flutter

  • @cromuelbarut4903
    @cromuelbarut4903 Месяц назад

    awesome as always
    TDD with DDD on your next series will be even more awesome

  • @vlknkc
    @vlknkc 2 месяца назад +1

    The project is very beautiful. However, it would be nice if you create a separate branch for the UI parts before uploading to github. In this way, you can start developing the UI quickly without wasting time.

  • @xavier4107
    @xavier4107 2 месяца назад +1

    Amazing job... Hope to do more projects on hive + bloc + clean architecture + ( google maps or Ai or vitual reality)

  • @ariba.dev10
    @ariba.dev10 2 месяца назад +1

    amazing vuideo just make these type of whole project videos from scratch

  • @Amir-bd4uk
    @Amir-bd4uk 2 месяца назад +1

    Thank you so much ❤

  • @user-dc9ty4se8b
    @user-dc9ty4se8b Месяц назад

    Bravo. Well done Sir.

  • @stellarcreed
    @stellarcreed 2 месяца назад +3

    Nice tutorial,
    But it has a little bit wrong file structure
    It should be:
    --features
    ----auth
    --------data
    --------domain
    --------presentation
    ----feature 2
    --------data
    --------domain
    --------presentation
    So it doesn't create any confusion between distinct features.

    • @flutterguys
      @flutterguys  2 месяца назад

      In some cases you can't call feature for example for splash page or home page and so on...
      Also, Maybe you will have some usecases which is shared between features and in this way you can't use that usecase outside of that feature.

    • @user-Farooqzx
      @user-Farooqzx 2 месяца назад

      @@flutterguys
      create core package

    • @stellarcreed
      @stellarcreed 2 месяца назад

      ​@@flutterguys then this usecase (model/entity etc) shoule be in a "shared" folder

    • @flutterguys
      @flutterguys  2 месяца назад +2

      @@stellarcreed Actually Clean Architecture is not about folders or names , it is about seperation concerns

    • @stellarcreed
      @stellarcreed 2 месяца назад

      ​@@flutterguys You just make your life difficult. It's a little bit messy and difficult to share features between projects, it's just impossible to copy some feature from one project to another one. The structure I made above is much simpler

  • @alirezashekoohian8595
    @alirezashekoohian8595 Месяц назад

    Thank You for this tut ❤❤

  • @keithbacalso9433
    @keithbacalso9433 2 месяца назад

    it couldve been better if TDD is used here, but anyway this helps me alot too especially about clean architecture with bloc thanks!

  • @lyricalway2769
    @lyricalway2769 20 часов назад

    My text color in the snackbar is similar with its background and similar for both modes which is making me harder to view the message inside it. Anybody can help??

  • @syarifsaiya1040
    @syarifsaiya1040 2 месяца назад

    awesome video, learn a lot from this 🔥🔥

  • @antoniofuller2331
    @antoniofuller2331 2 месяца назад

    I'm just surprised this video is 7 hours. I was expecting 2, or 3 at most.

  • @professionalheadbanger9439
    @professionalheadbanger9439 Месяц назад

    This is a great job, thank you so much for this tutorial.
    I have a problem: I created a SplashPage exactly as in the video, but I still get the default Flutter SplashPage. What could I have missed?

  • @Victor-dd7el
    @Victor-dd7el 2 месяца назад +2

    nice, It would be great a tutorial with supabase

  • @yantech.4249
    @yantech.4249 2 месяца назад

    Amazing work Sir

  • @barziyassin1
    @barziyassin1 2 месяца назад

    Thank you for this treasure!

  • @aymanoor9634
    @aymanoor9634 26 дней назад +2

    i had found the same error i.e. following infact i have write the project path accurate why?
    >flutterfire configure
    FlutterAppRequiredException: The current directory does not appear to be a Flutter application project.

    • @ushibuii8702
      @ushibuii8702 5 дней назад

      configure your path variable bro

    • @ushibuii8702
      @ushibuii8702 5 дней назад

      oh or you are using fluuter fire in cmd rather than project terminal

  • @OCTsecond
    @OCTsecond Месяц назад

    Thank for good course. I have a question can you explain in 2:33:20, why auth.dart in Domain layer depend on CreateUserReq in the Data layer ? i think Domain layer should not depend on Data layer like that.

  • @arashshirali3397
    @arashshirali3397 Месяц назад

    You can use plugin for making varibles of your assets

    • @flutterguys
      @flutterguys  Месяц назад +2

      I recommend you to make the project less dependent on the library

  • @indrasaputraahmadi3449
    @indrasaputraahmadi3449 2 месяца назад

    awesome as usual. thanks!

  • @thuglifegaming10
    @thuglifegaming10 3 дня назад

    personal classes/tuition available for flutter ?

  • @alithamer3260
    @alithamer3260 Месяц назад +2

    awesome tutorial,, ❤
    I have faced errors with logic of dark mode not working,, got error when i Tapped
    Exception caught by gesture
    The following UnimplementedError was thrown while handling a gesture:
    Unimplemented Error

    • @swaraj7710
      @swaraj7710 Месяц назад

      check the source code side by side

    • @alithamer3260
      @alithamer3260 Месяц назад

      @@swaraj7710 i was matching side by side ,, but still i did not find the issue

    • @technorakesh9949
      @technorakesh9949 3 дня назад

      @@alithamer3260 same issue i am also facing why?

  • @Be_Confident11
    @Be_Confident11 2 месяца назад +1

    Create react native tutorial it's very helpful.

  • @mohammedhaseeb9937
    @mohammedhaseeb9937 Месяц назад +1

    Which architectures are used for folder structure, such as MVC, MVVM?

  • @kushalhemanth7045
    @kushalhemanth7045 2 месяца назад +1

    It is saying Unhandled Exception: Stack Overflow while i am clicking on sign up can i get any help regarding this.

  • @nilangagayashan5650
    @nilangagayashan5650 Месяц назад

    thanks bro😍😍🥰🥰

  • @from_whatch
    @from_whatch 2 месяца назад

    ohh nice ❤

  • @jaysinhchauhan5688
    @jaysinhchauhan5688 2 месяца назад

    Is there any specific reason for not using Named routing over here and Mediaquery for giving sizes

  • @jaysinhchauhan5688
    @jaysinhchauhan5688 2 месяца назад

    What to do if user zoomed the display from phone settings
    please make a video regarding this as it is a legit problem in flutter to manage a scalable app

  • @jeromestsauver
    @jeromestsauver 2 месяца назад

    Wonderful! 1 Question how do you feel about creating the clean arch within feature folders rather than at the root of lib?

    • @antoniofuller2331
      @antoniofuller2331 2 месяца назад

      No good coder makes stuff at the root of lib lmao

    • @antoniofuller2331
      @antoniofuller2331 2 месяца назад

      No good coder makes code at the root of lib lol

    • @flutterguys
      @flutterguys  2 месяца назад +2

      Clean architecture is not about folders. You can go with layer first or feature first, But you must implement the philosophy of clean architecture in your code.
      You can make the project based on features, no problem, this is a personal thing and depends on the programmer. What is important is to establish the principles of communication between the presentation layer and the logic and services.

  • @kevlubhaop9358
    @kevlubhaop9358 Месяц назад

    Hey , There is a bug in your code : When we are into profile page and remove song from favorite list and go back to home page it still shows that song as favorites and same scenario happens when we add song in favorites from music player and go back to home page that simply dont show as favorite. Pls giude me on how to resolve that

  • @seunekunkoya251
    @seunekunkoya251 Месяц назад

    i have been following the tutorial all along but when I code signup_signin page the theme changed to light mode by default, how do I get it to dark mode?

  • @antoniofuller2331
    @antoniofuller2331 2 месяца назад

    What I will learn. . .

  • @abineldhose9921
    @abineldhose9921 2 месяца назад

    life saver

  • @mahdiabedzadeh
    @mahdiabedzadeh 2 месяца назад

    awesome

  • @surbhipaliwal3576
    @surbhipaliwal3576 2 месяца назад +1

    how to access this design on figma what to do go after link

  • @TigranHovsepyan-u7s
    @TigranHovsepyan-u7s 3 часа назад

    figma doesn't open for me who can help me?

  • @Kuba-xf3gi
    @Kuba-xf3gi 2 месяца назад

    what's the reason behind puting colors etc into a class? MyColors for example

    • @flutterguys
      @flutterguys  2 месяца назад

      @@Kuba-xf3gi Manging app colors from one place

    • @Kuba-xf3gi
      @Kuba-xf3gi 2 месяца назад

      @@flutterguys Yea but if u would put them just straight into file that's not the same?

    • @flutterguys
      @flutterguys  2 месяца назад

      @@Kuba-xf3gi Dart is a class based language you have to use class not global variables

    • @Kuba-xf3gi
      @Kuba-xf3gi 2 месяца назад

      @@flutterguys Ok, thanks

  • @user-zh1st6fl6n
    @user-zh1st6fl6n 2 месяца назад

    Hello, how are you, first of all, excellent Tutorial video. I'm starting to implement the Bloc pattern, and I've had some complications. I was thinking if you could make an example of creating an “App Blog” or something similar in which state management can be used with the bloc pattern, (create data, get data, update data, and delete data). It would be excellent for learning. It is a nightmare for users who start with state handlers, especially newbies, well I hope one day to see something similar on this channel. Thank you…👍

  • @unicorn-thirteen
    @unicorn-thirteen 2 месяца назад

    Thank you very much for the video! I wanted to ask you how to implement a like button so that it reacts instantly. Currently, your button reacts only when the data comes from the database, but it waits for the data, which takes a long time, doesn't it?

    • @flutterguys
      @flutterguys  2 месяца назад

      You can save it locally and then send it to the server so that the user does not understand this delay.

    • @unicorn-thirteen
      @unicorn-thirteen 2 месяца назад

      @@flutterguys You are a superman, good luck to you, thank you very much 💥

    • @flutterguys
      @flutterguys  2 месяца назад

      @@unicorn-thirteen Thanks for your support ❤️

  • @arashshirali3397
    @arashshirali3397 23 дня назад

    song has delay how we can solve that problem?

  • @Ashupal366
    @Ashupal366 2 месяца назад

    bro pls make a full beginner to advanced flutter course

  • @Youtubers_biasa
    @Youtubers_biasa 20 дней назад

    hello, I want to ask, thank you, I can make the application, but I want when the list of one of the songs is clicked a mini player will appear, I have tried it by using pinch and throwing the parameters correctly but the mini player does not appear, error message: range is empty= 0, I've spent 1 week on this, and it hasn't worked😢🙏

    • @flutterguys
      @flutterguys  20 дней назад

      @@RUclipsrs_biasa Just do it like tutorial

    • @Youtubers_biasa
      @Youtubers_biasa 20 дней назад

      @@flutterguys yes, thank you, I have done it like a tutorial and completed the application, but I want features like Spotify, if one of the songs is clicked a player deck/miniplayer appears with a condition, but I am confused because it is different from routing/push navigation which can throw parameters directly , I hope you can help me🙏

  • @FrasesdelCheito
    @FrasesdelCheito Месяц назад

    I downloaded the code, I opened it, it gives me errors, I don't know how to test it, anyway, I can't use it... the Figma thing came out without any problems...

  • @imheretosleep
    @imheretosleep 2 месяца назад

    *why would you create a specific splash screen?*

  • @user-gh6pg3yz5y
    @user-gh6pg3yz5y Месяц назад

    Hello, I followed your code step by step and implemented Firebase Firestore as well, but I can't fetch the cover and songs. They are not appearing on my page, and I'm not getting any specific error. Could you please help me?

    • @flutterguys
      @flutterguys  Месяц назад

      I think Firebase is banned in your countries.

  • @theprantadutta
    @theprantadutta Месяц назад

    where are the songs and covers file?

  • @divyanshsoni314
    @divyanshsoni314 2 месяца назад

    Which vs code themes and tools are you using buddy ?

  • @sauravgupta579
    @sauravgupta579 Месяц назад

    Can someone please explain me
    difference in entities/repositories under domain vs models/repositories under data?

    • @armaan5413
      @armaan5413 Месяц назад +1

      what ive understood so far is that to keep keep the core business logic and business implementation separate, there are two layers namely data and domain.
      The domain layer contains the business logic, the repository in domain layer only contains the CONTRACT(abstract interface classes) and the data layer actually interacts with the backend and hence the repository in data layer actually contains the implementation of the contract we created in domain layer
      I might be wrong about this but i think both entity and models are same but just to keep the data separate in data and domain layer , the model has separated them
      The data which will be used throughout the applications comes under entity/model
      for example :
      for a feature like Authentication
      domain: repository -> will contain the contract like abstract interafce login, signup, logout
      domain: entity -> will contain the User object which will be used throughout the auth feature
      data : repository -> will have the actual implementation of login, signup
      data : models -> will store the User object returned by the backend server

    • @sauravgupta579
      @sauravgupta579 Месяц назад

      @@armaan5413 Thanks dude!

  • @MinhZen
    @MinhZen 2 месяца назад

    I have a question: can this application play music in the background?

    • @flutterguys
      @flutterguys  2 месяца назад

      No, but maybe I will work on it.

  • @rishishah8327
    @rishishah8327 Месяц назад

    where to get the songs from?

  • @azeemhassanch
    @azeemhassanch 19 часов назад

    Bloc structure is overkill, for any size of application. And overkill for mobile memory

  • @mugerwaobadiah1621
    @mugerwaobadiah1621 2 месяца назад

    Nice tutorial, kindly drop one with rest api not firebase

  • @ishu6983
    @ishu6983 2 месяца назад

    does it run on background if we mininimize the app?

    • @flutterguys
      @flutterguys  2 месяца назад

      @@ishu6983 No but probably I will work on this feature

  • @adibazmainsami2412
    @adibazmainsami2412 Месяц назад

    Hello, how this android emulator came out ?

  • @sadaqatmustafa4638
    @sadaqatmustafa4638 Месяц назад

    Hey guys. I hope you all are doing well. Just a quick question can I use Get x state management instead of Bloc?

    • @flutterguys
      @flutterguys  Месяц назад

      Yes you can

    • @sadaqatmustafa4638
      @sadaqatmustafa4638 Месяц назад

      @@flutterguys right. And what will be the changes in the project structure?

  • @user-zx8bz5qd6r
    @user-zx8bz5qd6r Месяц назад

    🤩🤩🤩

  • @mahdiabedzadeh
    @mahdiabedzadeh 2 месяца назад

    صدا آشنا 👽

  • @_PrachiPatel
    @_PrachiPatel Месяц назад

    Is it functional or just a ui?

  • @user-nf9sz6cy7l
    @user-nf9sz6cy7l 2 месяца назад

    Vscode theme?

  • @funnydogs9410
    @funnydogs9410 2 месяца назад

    vidmate app??

    • @flutterguys
      @flutterguys  2 месяца назад

      @@funnydogs9410 What?

    • @funnydogs9410
      @funnydogs9410 2 месяца назад

      @@flutterguys make vidmate app clone

  • @chocollateszz2445
    @chocollateszz2445 2 месяца назад

    bro, then how to install at android?

    • @flutterguys
      @flutterguys  2 месяца назад

      Run flutter build apk --split-per-abi
      in terminal

    • @antoniofuller2331
      @antoniofuller2331 2 месяца назад

      ​@@flutterguyswhat about IOS??

    • @flutterguys
      @flutterguys  2 месяца назад

      @@antoniofuller2331 It is preferable to compile your app and put it on testfligth (appstore) in order to be able to test it on other iOS devices

  • @Pressurehandler228
    @Pressurehandler228 Месяц назад

    Firebase free or not?

  • @zeynalunlu8568
    @zeynalunlu8568 2 месяца назад

    hey Will you share the source codes?

  • @tecky_world
    @tecky_world Месяц назад

    why did u delete ur ecom playlist ..

    • @flutterguys
      @flutterguys  Месяц назад

      @@tecky_world I didn't delete I'll upload full course soon

    • @tecky_world
      @tecky_world Месяц назад

      @@flutterguys It was perfect, as part by part was easy to understand, rather than uploading a lengthy video .. When u r planning to upload

    • @tecky_world
      @tecky_world Месяц назад

      @@flutterguys Any update, on when u will upload the videos, as I am stuck in the halfway

    • @flutterguys
      @flutterguys  Месяц назад

      @@tecky_world I'm updating souce code everyday you can check it
      I think I will finish entire course in 2 weeks

    • @tecky_world
      @tecky_world Месяц назад

      @@flutterguys aren't you, uploading videos. the way of teaching is very understandable. At least upload how many videos u have, so that it will help most ppl like me to understand the bloc and clean architecture.

  • @sachinGupta-kk5yq
    @sachinGupta-kk5yq 2 месяца назад

    Does this follows MVC?

    • @flutterguys
      @flutterguys  2 месяца назад

      Clean Architecture

    • @Liv_Life
      @Liv_Life 2 месяца назад

      It Follows solid principle far better than MVC I guess

    • @antoniofuller2331
      @antoniofuller2331 2 месяца назад

      ​@@Liv_Lifetrue

  • @tooffey
    @tooffey Месяц назад

    very difficult for a beginner to understand

    • @speedonelove
      @speedonelove 23 дня назад

      Yes, but it is gonna be easy after you know the logic of coding itself I started learning now but I understand because of knowledge I got from react

  • @gautampatoliya6872
    @gautampatoliya6872 2 месяца назад

    Where is the demo? Very disappointing 😐

    • @flutterguys
      @flutterguys  2 месяца назад

      @@gautampatoliya6872 Demo is design

  • @pyaesonehan19
    @pyaesonehan19 Месяц назад