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

Published: 02 July 2024
on channel: Flutter Guys

148,831

4.5k

📄 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