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

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

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

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

    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  2 месяца назад

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

  • @barziyassin1
    @barziyassin1 4 месяца назад +72

    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  4 месяца назад +3

      Thank you for tip, I will try this.

    • @aditya-dev-diaries
      @aditya-dev-diaries 4 месяца назад +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 4 месяца назад +2

      this is the only thin i leanrt from this video

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

      Wow didn't know that

    • @ziya.5788
      @ziya.5788 3 месяца назад

      Thanks!

  • @vlknkc
    @vlknkc 4 месяца назад +7

    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.

  • @ZenReview
    @ZenReview 4 месяца назад +5

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

  • @fiuzzii
    @fiuzzii 29 дней назад +1

    thank you a lot bro, very good tutorial with clean code and explanation. Support from italy

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

    Great tutorial brother. Support form 🇮🇳

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

    This is the best flutter tutorial, thanks :)

  • @cromuelbarut4903
    @cromuelbarut4903 4 месяца назад

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

  • @stellarcreed
    @stellarcreed 4 месяца назад +7

    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  4 месяца назад +3

      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 4 месяца назад +1

      @@flutterguys
      create core package

    • @stellarcreed
      @stellarcreed 4 месяца назад +1

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

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

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

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

      ​@@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

  • @Scars_Music
    @Scars_Music 2 дня назад +1

    Hey bro, could u tell me what extensions you are using for Flutter development in VS Code this vedio?

    • @flutterguys
      @flutterguys  День назад +1

      Really nothing, There is no need

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

    U got i keep going with tut like this brother

  • @rishabhdevchandrakar2957
    @rishabhdevchandrakar2957 4 месяца назад

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

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

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

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

    Awesome! For a full stack developer who needs to delve into flutter, do you recommend I get started with this? Thanks in advance!

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

      As a beginner nope....you know you always have to get the basics first...

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

    Thanks For this tutorial.

  • @professionalheadbanger9439
    @professionalheadbanger9439 4 месяца назад +1

    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?

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

    Great tutorial, but when i finished the project i had a small bug that is annoying me. when i remove a song from favorites and go back to playlist, the new state of the favorite button isnt emitted to the playlist page, so the button remains as it is even tho it is removed from firebase favorites and favorites page

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

      So we need to fetch again, You can fetch list of songs on home page again when you wanna remove, To do this you need to access to song's bloc on song detail.

  • @ldsone-z4l
    @ldsone-z4l Месяц назад

    The style of the directory is very beautiful.Can you tell me what plugins were used?Thank you very much.

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

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

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

    Hi brother love your tutorial but can you please specify if we can create category and then have the categoized songs Is it possible?

  • @barziyassin1
    @barziyassin1 4 месяца назад +1

    Thank you for this treasure!

  • @alithamer3260
    @alithamer3260 3 месяца назад +4

    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 3 месяца назад

      check the source code side by side

    • @alithamer3260
      @alithamer3260 3 месяца назад

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

    • @creativestudio-f4m
      @creativestudio-f4m 2 месяца назад

      @@alithamer3260 same issue i am also facing why?

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

      I am also facing the same. were you able to solve it?

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

      @@bhaskarrajaryal6678 yes

  • @LukaMutyaba
    @LukaMutyaba 4 месяца назад

    Bravo. Well done Sir.

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

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

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

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

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

    Amazing thanks for this great effort !
    what do you use for handling responsive ? do you use external libraries or just media query and expanded/flex ?

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

      For responsive it is better to have multi layouts and use flex,expanded and ...

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

    Muito top! Parabéns pelo vídeo!

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

    awesome video, learn a lot from this 🔥🔥

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

    Thank you so much ❤

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

    Amazing work Sir

  • @FrasesdelCheito
    @FrasesdelCheito 4 месяца назад +1

    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...

  • @alirezashekoohian8595
    @alirezashekoohian8595 3 месяца назад

    Thank You for this tut ❤❤

  • @seunekunkoya251
    @seunekunkoya251 3 месяца назад +1

    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?

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

    awesome as usual. thanks!

  • @arashshirali3397
    @arashshirali3397 3 месяца назад

    You can use plugin for making varibles of your assets

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

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

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

    Is this a full fleged course or there are other part that need to buy ??

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

      full fledged

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

      @@flutterguys Thank you so much .. 😍

  • @jessekanadi
    @jessekanadi 16 дней назад

    I have been following this and tutorial is easy to understand, But I have a problem. My navigation isn't working and there is no single error in the code. I tried different ways to achieve Navigation but it all failed.
    Can someone help me?

  • @kevlubhaop9358
    @kevlubhaop9358 4 месяца назад +1

    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

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

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

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

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

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

      No good coder makes stuff at the root of lib lmao

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

      No good coder makes code at the root of lib lol

    • @flutterguys
      @flutterguys  4 месяца назад +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.

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

    I am probably dumb for this but the section where he implemented the auth using getit dartz i didnt understand it what do i need to study to understand that man

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

    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

  • @theZenyx
    @theZenyx 23 дня назад +1

    Why this problem happening? The pubspec.yaml file is there, but it's still not working anyone help: Error: No pubspec.yaml file found.
    This command should be run from the root of your Flutter project.

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

    personal classes/tuition available for flutter ?

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

    Create react native tutorial it's very helpful.

  • @OCTsecond
    @OCTsecond 4 месяца назад

    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.

  • @aarongranz2408
    @aarongranz2408 13 дней назад

    can i ask something ? in my firebase if i want to get a database on firebase it must to pay , can i use another database like supabase?

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

    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??

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

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

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

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

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

      @@Kuba-xf3gi Manging app colors from one place

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

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

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

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

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

      @@flutterguys Ok, thanks

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

    Which vs code themes and tools are you using buddy ?

  • @Ashu17-y5n
    @Ashu17-y5n 4 месяца назад

    bro pls make a full beginner to advanced flutter course

  • @nilangagayashan5650
    @nilangagayashan5650 3 месяца назад

    thanks bro😍😍🥰🥰

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

    *why would you create a specific splash screen?*

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

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

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

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

  • @arashshirali3397
    @arashshirali3397 3 месяца назад

    song has delay how we can solve that problem?

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

    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  4 месяца назад

      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 4 месяца назад

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

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

      @@unicorn-thirteen Thanks for your support ❤️

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

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

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

      No, but maybe I will work on it.

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

    what is the flutter sdk version of this project?? who can tell me ???

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

    problems in this course:-
    1.3:52 doesnt explain the reason behind creating those folders

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

      Study about clean architecture

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

    What I will learn. . .

  • @rishishah8327
    @rishishah8327 4 месяца назад

    where to get the songs from?

  • @Youtubers_biasa
    @Youtubers_biasa 3 месяца назад

    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  3 месяца назад

      @@RUclipsrs_biasa Just do it like tutorial

    • @Youtubers_biasa
      @Youtubers_biasa 3 месяца назад

      @@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🙏

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

    ohh nice ❤

  • @theprantadutta
    @theprantadutta 4 месяца назад

    where are the songs and covers file?

  • @busezengin-d6o
    @busezengin-d6o 3 месяца назад

    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  3 месяца назад

      I think Firebase is banned in your countries.

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

      Same here, but as i know it’s not banned in France

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

      It is not banned kindly help to fix this issue ​@@flutterguys

    • @Nope-q5u
      @Nope-q5u 6 дней назад

      did u solve it?

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

    What VS Code Theme do you use ?

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

    Nice tutorial, kindly drop one with rest api not firebase

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

    life saver

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

    Unable to load the images

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

    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 2 месяца назад

      configure your path variable bro

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

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

  • @sauravgupta579
    @sauravgupta579 4 месяца назад

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

    • @armaan5413
      @armaan5413 4 месяца назад +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 3 месяца назад

      @@armaan5413 Thanks dude!

  • @roy3268
    @roy3268 4 месяца назад

    does it run on background if we mininimize the app?

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

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

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

    awesome

  • @adibazmainsami2412
    @adibazmainsami2412 4 месяца назад

    Hello, how this android emulator came out ?

  • @GorgeReyes-b2j
    @GorgeReyes-b2j 4 месяца назад

    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…👍

  • @_PrachiPatel
    @_PrachiPatel 3 месяца назад

    Is it functional or just a ui?

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

    nice, It would be great a tutorial with supabase

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

    vidmate app??

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

      @@funnydogs9410 What?

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

      @@flutterguys make vidmate app clone

  • @ЕруланКайырбеков-я7х
    @ЕруланКайырбеков-я7х 3 месяца назад

    🤩🤩🤩

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

    amaz

  • @sadaqatmustafa4638
    @sadaqatmustafa4638 4 месяца назад

    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  4 месяца назад

      Yes you can

    • @sadaqatmustafa4638
      @sadaqatmustafa4638 4 месяца назад

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

  • @AliJawad-q5d
    @AliJawad-q5d 4 месяца назад

    Vscode theme?

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

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

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

    bro, then how to install at android?

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

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

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

      ​@@flutterguyswhat about IOS??

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

      @@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

  • @tecky_world
    @tecky_world 3 месяца назад

    why did u delete ur ecom playlist ..

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

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

    • @tecky_world
      @tecky_world 3 месяца назад

      @@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 3 месяца назад

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

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

      @@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 3 месяца назад

      @@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.

  • @Pressurehandler228
    @Pressurehandler228 4 месяца назад

    Firebase free or not?

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

    hey Will you share the source codes?

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

    صدا آشنا 👽

  • @NicolaHartman-e6p
    @NicolaHartman-e6p Месяц назад

    Allen George Hernandez Melissa Williams Melissa

  • @tooffey
    @tooffey 4 месяца назад

    very difficult for a beginner to understand

    • @hsbozkurt
      @hsbozkurt 3 месяца назад

      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

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

    Does this follows MVC?

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

      Clean Architecture

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

      It Follows solid principle far better than MVC I guess

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

      ​@@Liv_Lifetrue

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

    Where is the demo? Very disappointing 😐

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

      @@gautampatoliya6872 Demo is design

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

    White Joseph Anderson Patricia Davis Mark

  • @masihpc
    @masihpc 26 дней назад

    are you persian?

  • @pyaesonehan19
    @pyaesonehan19 4 месяца назад

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

    Follow me for flutter content