Working Instagram Clone (Frontend + Backend) created with Flutter and Firebase

Overview

Instagram_clone

Instagram Clone (Both frontend and backend) created with Flutter and Firebase.

Say Thanks!

Show some ❤️ and star the repo to support the project.

Note

This repository is still under development and I will continue to add more features to it.

Features

  • Custom photo feed based on who you follow
  • Post photo posts from camera or gallery
    • Like posts
      • View all likes on a post
    • Comment on posts
      • View all comments on a post
  • Search for users
    • Search screen showing all images except your own
    • Search based on usernames
  • Profile Screen
    • Follow / Unfollow Users
    • Change image view from grid layout to feed layout
    • Edit profile
  • Chat Screen
    • Chat with any user
    • Share images while chatting

Screenshots

feed example upload photo example go to a profile from feed edit profile example comment and activity feed example comment and activity feed example comment and activity feed example comment and activity feed example comment and activity feed example comment and activity feed example

Getting started

1. Setup Flutter

2. Clone the repo

$ git clone https://github.com/mohak1283/Instagram-Clone
$ cd Instagram-Clone/

3. Setup the firebase app

  1. You'll need to create a Firebase instance. Follow the instructions at https://console.firebase.google.com.
  2. Once your Firebase instance is created, you'll need to enable anonymous authentication.
  • Go to the Firebase Console for your new instance.
  • Click "Authentication" in the left-hand menu
  • Click the "sign-in method" tab
  • Click "Google" and enable it
  1. Enable the Firebase Database
  • Go to the Firebase Console
  • Click "Database" in the left-hand menu
  • Click the Cloudstore "Create Database" button
  • Select "Start in test mode" and "Enable"
  1. (skip if not running on Android)
  • Create an app within your Firebase instance for Android, with package name com.mohak.instagram
  • Run the following command to get your SHA-1 key:
keytool -exportcert -list -v \
-alias androiddebugkey -keystore ~/.android/debug.keystore
  • In the Firebase console, in the settings of your Android app, add your SHA-1 key by clicking "Add Fingerprint".
  • Follow instructions to download google-services.json
  • place google-services.json into /android/app/.
  1. (skip if not running on iOS)
  • Create an app within your Firebase instance for iOS, with your app package name
  • Follow instructions to download GoogleService-Info.plist
  • Open XCode, right click the Runner folder, select the "Add Files to 'Runner'" menu, and select the GoogleService-Info.plist file to add it to /ios/Runner in XCode
  • Open /ios/Runner/Info.plist in a text editor. Locate the CFBundleURLSchemes key. The second item in the array value of this key is specific to the Firebase instance. Replace it with the value for REVERSED_CLIENT_ID from GoogleService-Info.plist

Double check install instructions for both

Upcoming Features

  • Notificaitons for likes, comments, follows, etc
  • Caching of Profiles, Images, Etc.
  • Filters support for images
  • Videos support
  • Custom Camera Implementation
  • Heart Animation when liking image
  • Delete Posts
  • Stories
  • Send post to chats

Questions? 🤔

Hit me on

How to Contribute

  1. Fork the the project
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Make required changes and commit (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

License

Copyright (c) 2019 Mohak Gupta

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
You might also like...

Instagram clone application using Flutter and Firebase.

instagram_flutter A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

Jul 19, 2022

Full Stack Instagram Clone With Flutter and Firebase

Full Stack Instagram Clone With Flutter and Firebase

Instagram Full Stack Clone with Flutter,Dart and Firebase Built an responsive Instagram Clone app that Works on Android and Web! Features Responsive I

Aug 14, 2022

Instagram Clone developed with Flutter & Firebase

Instagram Clone developed with Flutter & Firebase

Instagram Clone A completely Responsive Instagram App- Works on Android, iOS & Web! Features Responsive Instagram UI Email & Password Authentication S

Dec 25, 2022

Build Instagram Clone - with Clean Architecture Flutter (Firebase Full-Stack)

Instagram Clone - Clean Architecture Flutter Instagram Clone Flutter - with Clean Architecture Firebase as backend (Full-Stack) is Underdevelopment Ap

Dec 31, 2022

Instagram clone using Flutter & Firebase

instagram_clone A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Aug 26, 2022

YouTube Clone - Frontend in Flutter

youtube_clone A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Nov 4, 2021

Blood Bank is cross platform mobile application that is developed using technologies like Flutter/Dart for frontend and Firebase for data storage

Blood Bank is cross platform mobile application that is developed using technologies like Flutter/Dart for frontend and Firebase for data storage

Blood Bank is cross platform mobile application that is developed using technologies like Flutter/Dart for frontend and Firebase for data storage. The sole goal of this application is to make blood donation resourceful and accessible all round the world.

Nov 5, 2022

Quickbird - Instagram Profile Data in Windows, created in the flutter

Quickbird - Instagram Profile Data in Windows, created in the flutter

quickbird Quickbird - Instagram Profile Data in Windows Getting Started This is

Feb 12, 2022
Comments
  • Build error (Multiple commands produce)

    Build error (Multiple commands produce)

    Trying to install/run for the first time.

    Building on iOS. Using Xcode v12.

    Not sure if this is related only to this repo cause I've seen other people having the same issue. I was not able to resolve it.

    Let me know if you have a clue.

    Full log:

    Multiple commands produce '/Users/neant/Library/Developer/Xcode/DerivedData/Runner-dcxhryqrzaryvxdjmznowqfooern/Build/Intermediates.noindex/SwiftMigration/Runner/Products/Debug-iphonesimulator/Runner.app/Runner':
    1) Target 'Runner' has copy command from '/Users/neant/Local/app/budscore/Instagram-Clone/ios/Runner/Runner' to '/Users/neant/Library/Developer/Xcode/DerivedData/Runner-dcxhryqrzaryvxdjmznowqfooern/Build/Intermediates.noindex/SwiftMigration/Runner/Products/Debug-iphonesimulator/Runner.app/Runner'
    2) Target 'Runner' has link command with output '/Users/neant/Library/Developer/Xcode/DerivedData/Runner-dcxhryqrzaryvxdjmznowqfooern/Build/Intermediates.noindex/SwiftMigration/Runner/Products/Debug-iphonesimulator/Runner.app/Runner'
    
    
    opened by makemagik 0
  • Build failed with an exception

    Build failed with an exception

    i have this issue when open project and add packages in yaml file FAILURE: Build failed with an exception.

    • What went wrong: Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'.

    The library com.google.android.gms:play-services-basement is being requested by various other libraries at [[15.0.1,15.0.1]], but resolves to 17.0.0. Disable the plugin and check your dependencies tree using ./gradlew :app:dependencies.

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    BUILD FAILED in 3s Finished with error: Gradle task assembleDebug failed with exit code 1

    opened by abora97 1
  • Xcode showing Flutter and Dart file errors in the project.

    Xcode showing Flutter and Dart file errors in the project.

    So this is very strange, I can't seem to find what is wrong and I keep getting these errors. I'm getting the 3 following errors currently.

    /Users/NAME/Downloads/.pub-cache/hosted/pub.dartlang.org/cached_network_image-0.7.0/lib/src/cached_network_image_provider.dart:42:24: Error: The method 'CachedNetworkImageProvider.load' has fewer positional arguments than those of overridden method 'ImageProvider.load'.
    
    /Users/NAME/Downloads/development/flutter/packages/flutter/lib/src/painting/image_provider.dart:489:24: Context: This is the overridden method ('load').
    
    /Users/NAME/Downloads/.pub-cache/hosted/pub.dartlang.org/cached_network_image-0.7.0/lib/src/cached_network_image_provider.dart:46:31: Error: The argument type 'Null Function(StringBuffer)' can't be assigned to the parameter type 'Iterable<DiagnosticsNode> Function()'.
    

    Do you have any idea why this is happening? I can't seem to find the issue since Xcode is not giving me anything else but this. I did flutter doctor, everything seems fine, I ran flutter analyze inside the project and no errors were shown only some warnings. I am using the latest version of Xcode which might be the problem, I am using Legacy Build Tools, everything is up to date. There were also some errors in the code which I managed to resolve but I have no idea what is going on with these 3. I hope you can help me resolve this issue.

    Sincerely, JustStanix

    opened by JustStanix 2
  • Publish app to F-Droid?

    Publish app to F-Droid?

    It would be cool to have the app on f-droid store (https://f-droid.org/), a store which hosts only FLOSS apps. There are no IG FLOSS apps there, so it would be good to attract new users^^ Unfortunately it seems they reject firebase as it is not opensource, is there any way you can replace it?

    https://gitlab.com/fdroid/rfp for submitting it,

    opened by WPFilmmaker 0
Owner
Mohak Gupta
Intern @Zomato | Google Certified Associate Android Developer | Flutter Developer | GCI 2019 Mentor @systers
Mohak Gupta
INSTAGRAM CLONE - FRONTEND FLUTTER 2.5 + GRAPHQL + RIVERPOD

INSTAGRAM CLONE - FRONTEND FLUTTER 2.5 FLUTTER + GRAPHQL + RIVERPOD USER LOGIN SEE PROFILE EDIT PROFILE FOLLOW USER UNFOLLOW USER TOTAL FOLLOWING TOTA

Rui Paulo Calei 6 Sep 2, 2022
new 2021 working Instagram clone written in Flutter

instagram_ui Instagram 2021 clone made using flutter Contains reels, search grid view, Getting Started This project is a starting point for a Flutter

null 6 Nov 6, 2022
Completely Responsive Instagram Clone App created using flutter and firebase

Instagram Clone Completely Responsive Instagram Clone App created using flutter and firebase - works on Android & web Features Responsive Instagram UI

GanjiPalaVenkiReddy 4 Feb 11, 2022
(Full-stack) Fully functional social media app (Instagram clone) written in flutter and dart with backend node.js and Postgres SQL.

Photoarc A Fully functional social media app written in flutter and dart using node.js and Postgres SQL as backend. Backend Repository Demo Download t

Ansh rathod 59 Jan 5, 2023
A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage

A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage

The Github Mafia 17 Dec 24, 2022
A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage.

Fwitter - Twitter clone in flutter A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage. Dependencies

Dominique Rwema Bagirishya 31 Oct 5, 2022
School Project to complete a course,uses a python backend and a flutter frontend

hit_400_app Getting Started This project is a starting point for a Flutter application. #Run flutter packages get #Run the python main.py after instal

null 0 Dec 28, 2021
An open source frontend and backend project for Ghods highschool.

GhodsProject An open source frontend and backend project. Screenshots     more screenshot... ⚙️ Technologies I used in this project: FrontEnd: Dart Fl

Erfan Rahmati 11 May 24, 2022
Instagram clone built using flutter and firebase

instagram_clone An instagram clone built using Flutter and Firebase. Introduction Flutter is a develpment kit created by google using which you can bu

Nadeem Choudhary 3 Jun 8, 2022