A fully functional social media app built with flutter with multiple features

Overview

🔥 🔥 Wooble Social Media App Twitter Follow

Wooble is a fully functional social media app with multiple features built with flutter and dart.

Star the repo if you like what you see 😉 .

Requirements

  • Any Operating System (ie. MacOS X, Linux, Windows)
  • Any IDE with Flutter SDK installed (ie. IntelliJ, Android Studio, VSCode etc)
  • A little knowledge of Dart and Flutter
  • A brain to think 🤓 🤓

Features

  • Custom photo feed
  • Post photo posts from camera or gallery
    • Like posts
    • Comment on posts
      • View all comments on a post
  • Search for users
  • Realtime Messaging and Sending images
  • Deleting Posts
  • Profile Pages
    • Change profile picture
    • Change username
    • Follow / Unfollow Users
    • Change image view from grid layout to feed layout
    • Add your own bio
  • Notifications Feed showing recent likes / comments of your posts + new followers
  • Swipe to delete notification
  • Dark Mode Support
  • Used Provider to manage state

Screenshots

Installation

1. Setup Flutter

2. Clone the repo

3. Setup the firebase app

  • You'll need to create a Firebase instance. Follow the instructions at https://console.firebase.google.com.
  • Once your Firebase instance is created, you'll need to enable Google authentication.
  • Go to the Firebase Console for your new instance.
  • Click "Authentication" in the left-hand menu
  • Click the "sign-in method" tab
  • Click "Email and Password" and enable it
  • Create an app within your Firebase instance for Android, with package name com.yourcompany.news
  • 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/.
  • (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

What's Next?

  • [] Animations(liking image)
  • [] Stories['under development]
  • [] Saving posts
  • [] Video Calling ['under development']

🤓 Author(s)

Charly Keleb Charles042 Twitter Follow

Comments
  • Iam not able to get it in my new firebase

    Iam not able to get it in my new firebase

    I deleted your google-services.json and replaced with mine in android/app/ . I turned on Firestore , database , email verification . But still iam not able to get details in my firebase and it is going to your firebase account. Please let me know where shall I make still more changes. Thank you

    opened by Rohankar123 11
  • sign up error

    sign up error

    Hi there! I like your app really. I tried to use your source code. when I was sign up in emulator, I'm getting error like this.

    image

    I'm new for flutter and firebase. can you guide me to solve this error?

    opened by ublockme 4
  • Firestore Problem

    Firestore Problem

    Hey Iam getting error when i create my new account : cloud_firestore/permission-denied - The caller does not have permission to execute the specified operation

    opened by Rohankar123 3
  • Saving User To Firestore

    Saving User To Firestore

    Hi there, just wondering when the saveUserToFirestore function in the authentication service file is used? I can sign in fine however it does not create a new user on my database. Thanks!

    opened by SeonaidhMorrison 1
  • Posting have errors

    Posting have errors

    I'm getting this error

    E/AndroidRuntime(32258): FATAL EXCEPTION: main E/AndroidRuntime(32258): Process: com.example.social_media, PID: 32258 E/AndroidRuntime(32258): java.lang.RuntimeException: Failure delivering result ResultInfo{who=null, request=69, result=0, data=null} to activity {com.example.social_media/com.example.social_media.MainActivity}: java.lang.IllegalStateException: Reply already submitted E/AndroidRuntime(32258): at android.app.ActivityThread.deliverResults(ActivityThread.java:5143) E/AndroidRuntime(32258): at android.app.ActivityThread.handleSendResult(ActivityThread.java:5184) E/AndroidRuntime(32258): at android.app.servertransaction.ActivityResultItem.execute(ActivityResultItem.java:51) E/AndroidRuntime(32258): at android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:140) E/AndroidRuntime(32258): at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:100) E/AndroidRuntime(32258): at android.app.ActivityThread$H.handleMessage(ActivityThread.java:2222) E/AndroidRuntime(32258): at android.os.Handler.dispatchMessage(Handler.java:107) E/AndroidRuntime(32258): at android.os.Looper.loop(Looper.java:228) E/AndroidRuntime(32258): at android.app.ActivityThread.main(ActivityThread.java:7782) E/AndroidRuntime(32258): at java.lang.reflect.Method.invoke(Native Method) E/AndroidRuntime(32258): at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:492) E/AndroidRuntime(32258): at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:981) E/AndroidRuntime(32258): Caused by: java.lang.IllegalStateException: Reply already submitted E/AndroidRuntime(32258): at io.flutter.embedding.engine.dart.DartMessenger$Reply.reply(DartMessenger.java:155) E/AndroidRuntime(32258): at io.flutter.plugin.common.MethodChannel$IncomingMethodCallHandler$1.success(MethodChannel.java:238) E/AndroidRuntime(32258): at vn.hunghd.flutter.plugins.imagecropper.ImageCropperDelegate.onActivityResult(ImageCropperDelegate.java:106) E/AndroidRuntime(32258): at io.flutter.embedding.engine.FlutterEngineConnectionRegistry$FlutterEngineActivityPluginBinding.onActivityResult(FlutterEngineConnectionRegistry.java:739) E/AndroidRuntime(32258): at io.flutter.embedding.engine.FlutterEngineConnectionRegistry.onActivityResult(FlutterEngineConnectionRegistry.java:426) E/AndroidRuntime(32258): at io.flutter.embedding.android.FlutterActivityAndFragmentDelegate.onActivityResult(FlutterActivityAndFragmentDelegate.java:677) E/AndroidRuntime(32258): at io.flutter.embedding.android.FlutterActivity.onActivityResult(FlutterActivity.java:624) E/AndroidRuntime(32258): at android.app.Activity.dispatchActivityResult(Activity.java:8304) E/AndroidRuntime(32258): at android.app.ActivityThread.deliverResults(ActivityThread.java:5136) E/AndroidRuntime(32258): ... 11 more E/flutter (32258): [ERROR:flutter/lib/ui/ui_dart_state.cc(199)] Unhandled Exception: 'package:flutter/src/material/scaffold.dart': Failed assertion: line 222 pos 12: 'context != null': is not true. E/flutter (32258): #0 _AssertionError._doThrowNew (dart:core-patch/errors_patch.dart:46:39) E/flutter (32258): #1 _AssertionError._throwNew (dart:core-patch/errors_patch.dart:36:5) E/flutter (32258): #2 ScaffoldMessenger.of (package:flutter/src/material/scaffold.dart:222:12) E/flutter (32258): #3 StoryViewModel.showInSnackBar (package:social_media/view_models/posts/story_view_model.dart:119:23) E/flutter (32258): #4 StoryViewModel.pickImage (package:social_media/view_models/posts/story_view_model.dart:90:7) E/flutter (32258): <asynchronous suspension> E/flutter (32258): #5 FabContainer.chooseUpload.<anonymous closure>.<anonymous closure> (package:social_media/components/fab_container.dart:80:19) E/flutter (32258): <asynchronous suspension> E/flutter (32258): I/Process (32258): Sending signal. PID: 32258 SIG: 9 Lost connection to device.

    opened by vindicta43 1
  • Plugins and lib versions

    Plugins and lib versions

    Hello.

    I'm trying to run the application using the most recent flutter and android SDK version but I'm getting some version errors.

    image

    Which versions are you using to run this application? I'm willing to update and provide a PR but I'm new to Flutter, going to need some info about it.

    I tried to update the minSdkVersion but without success.

    Also, saw you are using geolocation 9+ and this dependency requires android SDK 33

    Thanks.

    opened by lucasoares 0
  • Issue with first message in chat

    Issue with first message in chat

    Hi. First of all I'd like to say it's an impressive work. I'm new to flutter and I took your project as an example to learn.

    I found an issue when I send a message to a user. The first messages are nor received but after that it works fine. Have you noticed this behavior or do you think it's my fault?

    Thanks a lot

    opened by ulrickpsp 3
Owner
Success Charles
Software Engineer
Success Charles
(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 fully functional Movies Application built with Flutter. The application built with null safety and clean architecture, also uses OMDB API for fetching movies in the search item

Cinema DB Project Details This project uses null safety feature Project uses clean code architecture (Uncle Bob's Architecture) Project can run on bot

Dhruvam 2 Oct 1, 2022
Open-source And Fully Functional Digital Signature App Built With Flutter

Open-source and fully functional digital signature app "E-Gol" ?? Don't forget to star ⭐ the repo if you like what I have created ?? . ?? ScreenShots

Ruslan Hasanov 14 Oct 19, 2022
Fully Functional IOS/Android App for WordPress Website with Flutter

WordPress App with Flutter IOS/Android Native App for WordPress Website/Blog built using Flutter. No additional Plugins required for WordPress. Built

Atiq Samtia 155 Dec 30, 2022
A fully functional Furniture App Clone made using Flutter, Supabase and Getx State Management.

?? Flutter Furniture App ?? Timberr is a fully functional Furniture App Clone Developed using Flutter, Supabase and Getx State Management which is bas

Aditya 54 Nov 22, 2022
Familicious-App - A social media app built with Flutter and Firebase

Famlicious App A social media app built with Flutter and Firebase This project i

Pham Quoc Duy 6 Dec 6, 2022
An HTTP file downloader packed with many features -> resumable downloads, multiple connections, buffering, auto-retry, etc.

An HTTP file downloader packed with many features -> resumable downloads, multiple connections, buffering, auto-retry, etc. Features Resumable downloa

Liu YuanYuan 4 Feb 2, 2022
Aio-project-flutter - All in one Social Media App getting developed using flutter

All in one Social Media App Getting built using flutter & firebase Add your sugg

Saffron Dionysius 8 Nov 17, 2022
💘 This is my Youtube tutorial of my Social Media App Generation Made in Flutter 💘

?? Generation Tutorial ?? ⌛ This is the project source code of my youtube video tutorial of ⌛ ?? Flutter Social Media App Tutorial 2021 ?? ?? Tutorial

Samarpan Dasgupta 17 Nov 24, 2022
Social media app which is made entirely with flutter and firebase

Post It Android Please replace my googleservice.json with yours. Post it is a social media app which is made entirely with flutter and firebase. The u

Saket D Shetty 96 Dec 18, 2022
Flutter Ghana UI Challenge Week 1 - Social Media App

Flutter Ghana UI Challenge Week 1 - Social Media App A Flutter UI implementation of a Social Media App inspired by Outcroud's desgin on Dribble. Star

Emmanuel Fache 104 Aug 11, 2022
Creating complete social media app like instagram, facebook using flutter dart.

instoo The social media application that allows user to check out new feed, like, comment and even check other user’s profile. It has search, follow,

Pratul Pant 9 Dec 1, 2022
Trying to develop an open source social media app

Social Media App (नाम में क्या रखा है :P) Getting Started To run this Project you'll need an account on the Supbase. After creating an account run bel

Bhavik Makwana 32 Dec 13, 2022
This is just the simplyfied Flutter Plugin use for one of the popular flutter plugin for social media login.

social_media_logins Flutter Plugin to login via Social Media Accounts. Available Social Media Logins: Facebook Google Apple Getting Started To use thi

Reymark Esponilla 3 Aug 24, 2022
A Flutter package for generating sign in buttons for different social media accounts.

Sign In Button A Flutter plugin for generating sign in buttons for different social media accounts. Getting Started You must add the library as a depe

null 42 Dec 8, 2022
Flutter package to share images on social media

social_share Wide variety of sharing options you'll need to share directly to certain popular apps or just share with default native share. Introducti

Shekar Mudaliyar 74 Dec 8, 2022
A platform to make your social media experience more safe

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

Waleed Umar 0 Feb 25, 2022
🏃‍♂️🎽social media with a sports flavour

Welcome to Runbhumi ?? A Flutter app which aims to build a sports community ?? Homepage ✨ Prototype ?? Motivation/Inspiration ?? Install flutter pub g

Runbhumi 111 Nov 22, 2022
Social app flutter blocs - A social app using flutter blocs

social_app Do kiến thức mình của mình đi cóp nhặt nên có một số chức năng mình l

Puddin 8 Oct 2, 2022