Instagram User Interface Clone

Instagram UI Clone using Flutter with the static data source, The project is built with Model View ViewModel (MVVM) as a Software Architecture for this app, to be Backend-Ready ✅ and Automation Testing-Ready ✅.

Supported Features until now

  • Feed Page (Home Page)
  • Profile Page
  • Search Grid
  • Stories
  • Single Post Scrollable with related posts
  • Add New posts and stories
  • Reacting with post like, comments, share and save.
  • Reels Page
  • Shop Page

Tech Used (Languages and Packages)

  • Dart
  • Flutter
  • Provider State Managament - Package
  • JSON (static data)
  • flutter_lints

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 Screenshot 5 Screenshot 6

GIF

Instagram Clone By NourAlzway

Demo

app-release.apk.

users data:

The data are generated by https://randomuser.me/

Photos and Icons Credits

Icons:

Instagram icons created by pictranoosa - Flaticon.

Photos:

The Photos by Unsplash.

Contribute && Feedback

This project is waiting for your contribution, feel free to add your ideas and features :).

if you have any feedback please reach out at noureldeenalzway@gmail.com.