Flipkart UI Design - Part 2 | Flutter UI Series

Hey developers👋 I am Yash Makan and I welcome you to a brand new series where we are going to create different UI designs a week in Flutter. So basically, I am going to pick any UI design from the internet and the design can either be an image, Figma file or a PSD file. Also, in the series, we are just going to focus on the frontend and not the backend and will create designs for mobile as well as web. If you have any UI design requests for future parts in the series then make sure to drop them below that as well.

[PIN TO ACCESS THE SOURCE CODE IS IN THE VIDEO]

Figma UI File: [COMING SOON]

Blog Article: [COMING SOON]

Prerequisites
1. Basic knowledge of flutter

Timestamps
0:00 - Intro
04:47 - Figma Design & components that we'll design
02:35 - Removing Boilerplate code & Structuring Folders
05:06 - HomePage UI
05:21 - HomePage Speed Code
16:39 - Product Listing Screen UI
18:08 - Product Listing Screen Speed Code
28:21 - Outro

Have any doubts?
- comment below and I’ll reach out🤞
- DM me on Twitter - @Yash_Makan
You can also follow me on Twitter for more insights related to technology.

Subscribe to my youtube channel as it’ll really mean a lot and it’ll make my day 😁. Also, share the video with all your developer friends and I’ll see you guys in my next video.
Till then b-byee!!

Background Music Credits
--------------------------------------------------------------
♪ Bake a pie (Prod. by Lukrembo)
--------------------------------------------------------------

[BruceCichowlas]

It would be nice to have more talking and less music, even when the screens shown are sped up like this. It helps to show what's important and what decisions you had to make.

[sayidaboubakarabdisalam]

I suggest you to use light background because of readability

[joon]

The source code download did not work.