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

Опубликовано: 12 Июнь 2024
на канале: Rivaan Ranawat

51,989

1.8k

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 -    • The Complete Dart & Flutter Developer...
Riverpod basics (no need to know Riverpod generators) -    • Flutter Riverpod 2 Tutorial for Begin...
Python basics -    • Python For Beginners - 10 Hour Course...
HTTP basics -    • Build Your Own Web Server from Scratc...
Knowledge of MVVM, FastAPI, Hive, or PostgreSQL is NOT required.

📌 Discord Server -   / discord

Project Source Code - https://github.com/RivaanRanawat/flut...
AppPallete Class GitHub - https://github.com/RivaanRanawat/flut...
FastAPI Documentation - Dependencies with yield - https://fastapi.tiangolo.com/tutorial...
GitHub Assets - https://github.com/RivaanRanawat/flut...
Normalisation Principles - https://learn.microsoft.com/en-us/off...

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:
(00:00:00) Introduction & Prerequisites
(00:00:56) Project Installation
(00:02:29) Flutter Installation & Boilerplate Code
(00:03:35) MVVM Architecture + Feature-wise Development
(00:09:39) Signup Page UI, Theming & Form
(00:47:46) Login Page UI
(00:52:43) Virtual environment, FastAPI Setup, Exploring FastAPI, Docs
(01:12:58) Signup API Route, PostgreSQL Setup & SQLAlchemy
(01:54:09) Code Refactoring - Signup API
(02:10:03) Login API Route
(02:20:22) Psycopg2 error!
(02:20:56) Client Side Login & Signup Route Integration
(03:12:37) Auth View Model - Introducing Riverpod Generators, Lint!
(03:52:49) Running on Android Emulator
(03:55:14) Persisting Auth State & Getting User Data - JWT
(04:58:58) Upload Song Page UI, Picking Color, Audio & Image Files
(05:26:14) Testing on Android, Audio Wave UI
(05:40:55) Uploading Song Data - PostgreSQL, Cloudinary
(06:14:38) Song ViewModel - Upload Song
(06:32:26) Home Page Bottom NavBar
(06:42:42) Fetching & Displaying All Songs
(07:13:21) Playing Songs in Flutter (from anywhere in the app)
(07:25:15) Music Slab UI
(07:40:45) Music Slab Functionalities - Play/Pause Music, Display Song Progress
(07:56:09) Music Player UI & Functionalities
(08:40:05) Storing, Fetching & Displaying Recently Played Music - Hive
(09:04:07) Playing Background Music in Flutter
(09:09:17) Favorite Music - Backend, Frontend (Displaying Fav Music)
(10:03:19) Conclusion

Connect With Me Here:
GitHub: https://github.com/rivaanranawat
Linkedin:   / rivaan-ranawat
Medium:   / namanrivaan
X: https://x.com/RanawatRivaan
Instagram:   / optimalcoding

Смотрите видео Flutter Spotify Clone - MVVM Architecture Full Course For Beginners | Python, FastAPI, Riverpod онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Rivaan Ranawat 12 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 51,989 раз и оно понравилось 1.8 тысяч людям.