Instagram UI Design - Part 1| 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.
Free Source Code: https://www.yashmakan.co.in/shorts/4g...
[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
01:11 - Figma Design & components that we'll design
02:32 - Flutter project setup & Build Test App
06:59 - Adding Assets & Icons
11:18 - Header Section in Instagram
13:03 - Story ListView Widget
17:25 - Post Section Widget
26:50 - 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)
Link : • lukrembo - bake a pie (royalty free v...
--------------------------------------------------------------