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.com/v0/b/spotify0101.appspot.com/o/songs%2FBillie%20Eilish%20%2C%20Khalid%20-%20lovely.mp3?alt=media&token=6d5d70c6-a801-4661-9df3-5ac2cad8670a https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/songs%2FCalvin%20Harris%20%2C%20Dua%20Lipa%20%20-%20One%20Kiss.mp3?alt=media&token=bb0e4aab-6597-466e-aba1-cc69a92f83c7 https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/songs%2FDrake%20-%20In%20My%20Feelings.mp3?alt=media&token=bc04d185-3883-49b3-8f4c-f34de98b04dd https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/songs%2FEd%20Sheeran%20-%20Shape%20Of%20You.mp3?alt=media&token=ce82f2f6-f744-4629-8338-7d04085892fb https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/songs%2FEnrique%20Iglesias%20-%20Tonight.mp3?alt=media&token=a61c9ded-ba46-406a-a26f-9120898464ab https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/songs%2FRihanna%20-%20Diamonds.mp3?alt=media&token=af1e422b-7c06-4b35-bb8b-f297fbd8d1b3 ——————————— 🖼Covers: https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/covers%2FBillie%20Eilish%20%2C%20Khalid%20-%20lovely.jpg?alt=media&token=5ad2776d-b569-483a-a75e-ed430455275d https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/covers%2FCalvin%20Harris%20%2C%20Dua%20Lipa%20%20-%20One%20Kiss.jpg?alt=media&token=e3f17267-7263-443c-99e6-db98d4e495bc https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/covers%2FDrake%20-%20In%20My%20Feelings.jpg?alt=media&token=9c89e16a-13e1-462f-a939-952eb162c5ea https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/covers%2FEd%20Sheeran%20-%20Shape%20Of%20You.jpg?alt=media&token=f5933a5b-b889-4e23-ab10-a76b00f5eb9e https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/covers%2FEnrique%20Iglesias%20-%20Tonight.jpg?alt=media&token=3695e77e-949f-43f0-83f5-bc3a09495e6d https://firebasestorage.googleapis.com/v0/b/spotify0101.appspot.com/o/covers%2FRihanna%20-%20Diamonds.jpg?alt=media&token=9ca0eca1-2b77-4f90-a4a8-751a96c597c4 ——————————— 🎨 Figma Design : https://www.figma.com/community/file/1166665330965959412 https://www.figma.com/community/file/1172466818809176172 ——————————— 🔴 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: ☑️ https://www.linkedin.com/in/mahdinazmi/ ☑️ https://www.linkedin.com/in/fabrice-sumsa/ ——————————— 👨‍💻 GitHub: ☑️ https://github.com/mahdinazmi ☑️ https://github.com/Fabrice-Fabio ——————————— ☎️ Contact Us: ☑️ [email protected] ☑️ [email protected] ———————————- #flutter #fluttertutorial #bloc #cleanarchitecture #firebase #flutterbloc