• Stars
    star
    745
  • Rank 60,881 (Top 2 %)
  • Language
    Dart
  • License
    BSD 2-Clause "Sim...
  • Created over 5 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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.

More Repositories

1

Flutter-Ticket-Widget

A new Flutter package which helps you to implement Ticket Widget in your app.
Dart
116
star
2

chat-app-flutter

It is a simple chat application made using Firebase and Flutter.
Dart
75
star
3

Flutter-Movies

Movies App made using Flutter and powered by tmdb api. This project follows bloc architecture.
Dart
73
star
4

CustomSwitch

Custom Switch package created in Flutter
Dart
54
star
5

Flutter-UIs-Collection

This repository contains Collection of UIs made using Flutter. Original Design of all the UIs were created by someone else. I tried to recreate those UIs using Flutter
Dart
51
star
6

flutter-FurnitureAppUI

This is the UI of Furniture App made using Flutter SDK. The original design was made by someone else in dribble and I tried to create the screens of that UI using Flutter
Dart
23
star
7

Smiley-Rating-Dialog

A new Flutter package which helps you to implement beautiful customizable Smiley Rating Dialog in your app.
Dart
20
star
8

WhatsAppUIClone

A copy of the famous messaging app Whatsapp for the Google Udacity Scholars Copy layout challenge also for practicing Layout making in Android
Java
15
star
9

NoteKeeper

This is a simple Note Keeping application made using Flutter. This is my first project made using Flutter
Dart
5
star
10

SearchRecyclerView

This repository contains an exmaple of implementing Search operation using RecyclerView
Java
4
star
11

NotesApp-AAC

This is a simple Note writing app which is made with the use of Android Architecture Components - Room, LiveData, ViewModel and Paging Library
Kotlin
3
star
12

WorkManagerSample

Java
3
star
13

FirstMLApp

This is my First Machine Learning Android App which uses the features of ML Kit introduced by Google in IO 18. Tried the Image recognition feature of ML Kit in this app for practice
Java
3
star
14

FifthStrategy

Python
1
star
15

Flutter-Echo

Dart
1
star
16

WallPool-App

Wallpaper downloading and setting app for Android
Java
1
star
17

Android-Examples

Java
1
star
18

SearchRecyclerViewBlog

HTML
1
star