In this video, I’m going to teach you how to build Spotify’s user interface for desktop and web. With Flutter, it’s super easy to develop responsive apps that work across different platforms. Users will be able to select tracks and our UI updates accordingly. We’ll use provider to share state throughout our application and keep track of the currently selected song. Throughout the video, I’ll hit upon some easy UI tricks to help you develop a clean and beautiful user experience.

» Timestamps 🕒
0:00​ Introduction
1:00​ Download the starter project
1:09​ Project Walkthrough
4:31​ Shell
8:37​ Side Menu
19:19​ Playlist Screen
29:08​ Playlist Header
38:01​ Tracks List
41:20​ Provider - Current Track Model
47:21​ Current Track
58:32​ Responsive
1:00:14​ Thanks for watching 🙏

» Resources 📂

Starter Project: https://github.com/MarcusNg/flutter_s… ​

Complete Source Code: https://github.com/MarcusNg/flutter_s… ​

Subscribe: https://www.youtube.com/c/MarcusNg/featured

#flutter