Instagram Clone@ SupaGram?

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

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

Note

This repo is still being revamped.

Features

• Responsive Design
• Email auth
• 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

Getting started

1. Setup Flutter

2. Clone the repo

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

3. Setup the Supabase* app

1. You'll need to create a new Supabase project. Head on over to supabase.io || supabase.com

2. Click 'Start your project'

• Enter your Organization name, this can maybe be your name or whatever cover name you have for the project, don't overthink it.
• Next Enter the project name, and a password, prefferably something you'll remember, although in this use case, you wont need it.
• Pick a server location, prefferably somewhere close to you.

3. Once you create a new project, you'll need to enable email auth.

• Go to the Supabase Console for your new project.
• Click "Authentication" in the left-hand menu
• Click the "Providers" tab
• Click "email" and enable it

Database and Tables

4 While still on the Console

• Click "Database" in the left-hand menu(just above 'authentication')
• Click on new table on the right side
• Create a table called 'users'
  • Along with the auto generated colums, add the column 'email' of type 'text'.
• Create another table 'chats' .
  • Enable Realtime, as you'll need to show chats immediately they are recieved.
  • Along with the auto-generated columns, add the columns 'recepient_id' , 'sender_id' and 'chat' of type 'text'

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.