Build Spotify With Flutter - Bloc , Clean Architecture , Firebase , Figma
π Elevate your Flutter development skills by creating a powerful music streaming app inspired by Spotify! This comprehensive tutorial guides you through the entire process, leveraging the robust combination of Bloc for state management, Firebase for backend services, and clean architecture for maintainable code. βββββββββββ DO YOU HAVE ANY QUESTION ? JOIN THE COMMUNITY π€ Telegram Community βοΈ https://t.me/flutterguysgp βββββββββββ π Packages : https://pub.dev/packages/flutter_svg https://pub.dev/packages/flutter_bloc https://pub.dev/packages/hydrated_bloc https://pub.dev/packages/path_provider https://pub.dev/packages/firebase_core https://pub.dev/packages/firebase_auth https://pub.dev/packages/cloud_firestore https://pub.dev/packages/get_it https://pub.dev/packages/dartz https://pub.dev/packages/just_audio βββββββββββ π§Songs: https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... βββββββββββ πΌCovers: https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... https://firebasestorage.googleapis.co... βββββββββββ π¨ Figma Design : https://www.figma.com/community/file/... https://www.figma.com/community/file/... βββββββββββ π΄ NOTE : At 05:45:17 I muted the sound of the song due to copyright, there is no problem and the song plays well. βββββββββββ β³ TIMESTAMPS : 00:00:00 : Into 00:01:00 : Design 00:01:46 : Project Structure 00:04:14 : Theme Of Application 00:14:15 : Assets / Fonts 00:18:24 : Splash Page 00:25:16 : Get Started Page 00:45:32 : Choose Light-Dark Mode Page 01:00:46 : Logic Of Light-Dark Mode 01:10:30 : Signin Or Signup Page 01:39:00 : Signup Page 02:01:57 : Signin Page 02:06:25 : Firebase Setup 02:13:35 : Logic Of Authentication 02:26:56 : Service Locator 02:34:00 : UseCases Setup - Calling Signin / Signup UseCases 03:07:56 : Upload Songs To FireStorage 03:12:06 : Cloud FireStore Collections 03:16:23 : Adding Information Of User To FireStore Collection 03:24:02 : Home Page - Fetching Songs - Display Songs Using Bloc,.... 05:00:18 : Song Player Page - Using Bloc To Manage State Of Playing Song 05:46:15 : Logic Of Favorite Songs 06:22:52 : User Profile Page - Display User Info - Display Favorite Songs - Remove Favorite Song βββββββββββ π Source Code: βοΈ https://devbranch.dev/ βββββββββββ π Linkedin: βοΈ Β Β /Β mahdinazmiΒ Β βοΈ Β Β /Β fabrice-sumsaΒ Β βββββββββββ π¨βπ» GitHub: βοΈ https://github.com/mahdinazmi βοΈ https://github.com/Fabrice-Fabio βββββββββββ βοΈ Contact Us: βοΈ [email protected] βοΈ [email protected] βββββββββββ- #flutter #fluttertutorial #bloc #cleanarchitecture #firebase #flutterbloc