instagram clone

instagram download (both frontend and backend) created with flutter and firebase.

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

instagram clone

instagram clone

instagram clone

instagram clone

instagram clone

getting started

1. setup flutter

2. download the repo

$ 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

4. 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”

5. (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/.

6. (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

• google auth plugin
  • https://pub.dartlang.org/packages/firebase_auth
• firestore plugin
  • https://pub.dartlang.org/packages/cloud_firestore

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