grkashani / instagram-flutter-clone

Responsive Instagram Clone developed with Flutter & Firebase

Home Page:https://youtu.be/BBccK1zTgxw

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Responsive Instagram Clone developed with Flutter & Firebase

https://youtu.be/BBccK1zTgxw


Languages

Language:Dart 93.1%Language:HTML 4.6%Language:Ruby 1.6%Language:Swift 0.5%Language:Kotlin 0.2%Language:Objective-C 0.0%