Building Instagram Clone From Scratch | UI | Material Design

In this video, we will be building the Instagram UI Clone in Flutter.

 

I took a top-down approach when building Instagroot:

  1. Break down the components and create the layout for them.
  2. Tackle big components one at a time: StoriesBar, PostWidget, and CommentWidget.
  3. Implement the details for smaller components, for example: avatars have a gradient border if a user has a new story.
  4. Create the interactions/animations such as liking a post, double tapping to like a post, commenting, and liking comments.

Screenshots : 

 

 

 

 

 

 

 

 

 

 

 

 

The Github link  : https://github.com/iampawan/Flutter-Instagram-UI-Clone

 

Leave a Reply

Your email address will not be published. Required fields are marked *