๐Ÿ“ฆ RivaanRanawat / instagram-flutter-clone

Responsive Instagram Clone developed with Flutter & Firebase

โ˜… 925 stars โ‘‚ 494 forks ๐Ÿ‘ 925 watching
firebaseflutterflutterfire
๐Ÿ“ฅ Clone https://github.com/RivaanRanawat/instagram-flutter-clone.git
HTTPS git clone https://github.com/RivaanRanawat/instagram-flutter-clone.git
SSH git clone git@github.com:RivaanRanawat/instagram-flutter-clone.git
CLI gh repo clone RivaanRanawat/instagram-flutter-clone
Rivaan Ranawat Rivaan Ranawat upgrading the app to latest releases b43f9c7 2 years ago ๐Ÿ“ History
๐Ÿ“‚ master View all commits โ†’
๐Ÿ“ android
๐Ÿ“ assets
๐Ÿ“ ios
๐Ÿ“ lib
๐Ÿ“ test
๐Ÿ“ web
๐Ÿ“„ .gitignore
๐Ÿ“„ .metadata
๐Ÿ“„ pubspec.lock
๐Ÿ“„ pubspec.yaml
๐Ÿ“„ README.md
๐Ÿ“„ screenshot.png
๐Ÿ“„ README.md

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