https://github.com/rivaanranawat/instagram-flutter-clone

Responsive Instagram Clone developed with Flutter & Firebase
https://github.com/rivaanranawat/instagram-flutter-clone

firebase flutter flutterfire

Last synced: 4 days ago
JSON representation

Responsive Instagram Clone developed with Flutter & Firebase

• Host: GitHub
• URL: https://github.com/rivaanranawat/instagram-flutter-clone
• Owner: RivaanRanawat
• Created: 2021-12-15T11:41:40.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2023-10-19T08:35:53.000Z (over 1 year ago)
• Last Synced: 2025-01-26T21:07:57.453Z (4 days ago)
• Topics: firebase, flutter, flutterfire
• Language: Dart
• Homepage: https://youtu.be/BBccK1zTgxw
• Size: 661 KB
• Stars: 894
• Watchers: 23
• Forks: 484
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://youtu.be/BBccK1zTgxw) 



  



## 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:

```bash

  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 [email protected]