Press ESC to close

Flutter App : A completely Responsive Instagram App using Flutter

Instagram Clone

A completely Responsive Instagram App- Works on Android, iOS & Web!

Features

  • Responsive Instagram UI
  • Email & Password Authentication
  • Share Posts with Caption
  • Display Posts with Caption
  • Like & Comment on Posts
  • Search Users
  • Follow Users
  • Display User Posts, Followers & Following
  • EVERYTHING REAL TIME
  • Sign Out

YouTube

I have created a tutorial based on this, do check it out on my channel Rivaan Ranawat

Youtube Tutorial Image

Installation

After cloning this repository, migrate to instagram-flutter-clone folder. Then, follow the following steps:

  • Create Firebase Project
  • Enable Authentication
  • Make Firestore Rules
  • Create Android, iOS & Web Apps
  • Take Web FirebaseOptions and put it in main function in main.dart file replacing my keys (My keys wont work as I deleted my project)
    Then run the following commands to run your app:

  flutter pub get
  open -a simulator (to get iOS Simulator)
  flutter run
  flutter run -d chrome --web-renderer html (to see the best output)

Tech Used

Server: Firebase Auth, Firebase Storage, Firebase Firestore

Client: Flutter, Provider

Feedback

If you have any feedback, please reach out to me at namanrivaan@gmail.com

GitHub

View Github

Footer Example