Skip to content
Hallway
0:00 / 0:00

#flutter#fastapi#riverpod

Flutter Spotify Clone - MVVM Architecture Full Course For Beginners | Python, FastAPI, Riverpod

Rivaan Ranawat

87K subscribers • 14 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Rivaan Ranawat
  • Linked in the descriptionRivaanRanawat/flutter-spotify-clone-tutorial
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Beginner. No background in the topic needed.

108K views2 years ago2 recommendations

Mobile developmentSoftware designFlutter and React NativeSoftware architectureFull-stack frameworks

Rivaan Ranawat teaches how to build a full-stack Spotify clone using Flutter, FastAPI, PostgreSQL, and Riverpod.

In this 10 hour tutorial, we'll be building a music streaming app very similar to Spotify using the MVVM Architecture. In this project, we'll be using Flutter for the app's frontend, FastAPI for the backend, PostgreSQL for the database, Hive for local data storage and Riverpod (Generators) for state management. Prerequisites: Dart and Flutter Basics - youtu.be/CzRQ9mnmh44?feature=shared Riverpod basics (no need to know Riverpod generators) - youtu.be/pwflXIA-6YQ?feature=shared Python basics - youtu.be/c2zRCespYas?feature=shared HTTP basics - youtu.be/Hncp0mPfUvk?feature=shared Knowledge of MVVM, FastAPI, Hive, or PostgreSQL is NOT required. 📌 Discord Server - discord.gg/Q8Rx8YWFVF Project Source Code - github.com/RivaanRanawat/flutter-spotify-clone-tutorial AppPallete Class GitHub - github.com/RivaanRanawat/flutter-spotify-clone-tutorial/blob… FastAPI Documentation - Dependencies with yield - fastapi.tiangolo.com/tutorial/dependencies/dependencies-with… GitHub Assets - github.com/RivaanRanawat/flutter-spotify-clone-tutorial/tree… Normalisation Principles - learn.microsoft.com/en-us/office/troubleshoot/access/databas… Android Manifest XML Audio Wave Code: ``` configurations.all { resolutionStrategy { eachDependency { if ((requested.group == "org.jetbrains.kotlin") && (requested.name.startsWith("kotlin-stdlib"))) { useVersion("1.8.0") } } } } ``` Timestamps: () Introduction & Prerequisites () Project Installation () Flutter Installation & Boilerplate Code () MVVM Architecture + Feature-wise Development () Signup Page UI, Theming & Form () Login Page UI () Virtual environment, FastAPI Setup, Exploring FastAPI, Docs () Signup API Route, PostgreSQL Setup & SQLAlchemy () Code Refactoring - Signup API () Login API Route () Psycopg2 error! () Client Side Login & Signup Route Integration () Auth View Model - Introducing Riverpod Generators, Lint! () Running on Android Emulator () Persisting Auth State & Getting User Data - JWT () Upload Song Page UI, Picking Color, Audio & Image Files () Testing on Android, Audio Wave UI () Uploading Song Data - PostgreSQL, Cloudinary () Song ViewModel - Upload Song () Home Page Bottom NavBar () Fetching & Displaying All Songs () Playing Songs in Flutter (from anywhere in the app) () Music Slab UI () Music Slab Functionalities - Play/Pause Music, Display Song Progress () Music Player UI & Functionalities () Storing, Fetching & Displaying Recently Played Music - Hive () Playing Background Music in Flutter () Favorite Music - Backend, Frontend (Display

Why it's here

2 people recommend this

What people say. Recommended as a comprehensive tutorial for learning production-level MVVM architecture in Flutter.

u/OSetupsin r/FlutterDev • Recommends

Flutter + FastAPI Music Streaming App - MVVM Architecture
19View on Reddit

u/Pika-Chew5879in r/FlutterDev • Recommends

On “New to Flutter, built an app, confused about advanced stuff – help!”

…y with `riverpod_annotations` and `riverpod_generator` doing most of the boilerplate for you. Also, don't overlook app architecture patterns. I highly recommend learning one production-level pattern. **MVVM** is my favorite and is also the officially recommended one by the Flutter team. # Some resources that helped me: * Dart & Flutter Course: [video * MVVM Architecture: [video * Riverpod: [video * Clean Architecture: [video * BLoC: [video * Flutter Cookbook: https://docs.flutter.dev/cookbook * Flutter Widget Catalog: https://docs.flutter.dev/ui/widgets Hope this helps — and best of luck on your journey!…
1View on Reddit