CharlyKeleb/SocialMedia-App

Technische Themen

# ui # social-network # social-media # social # socialmedia # flutter # flutter-apps # flutter-examples # firebase # uikit # chat # chat-application # dart # dart-frameworks # flutter-app # flutter-ui # instagram # ios # social-networks

Verwendete Abhängigkeiten

Abhängigkeiten 31 Einträge

flutter{"sdk":"flutter"}
cupertino_icons^1.0.0
google_sign_in^5.0.4
percent_indicator^4.2.2
cached_network_image^3.0.0
flutter_spinkit^5.0.0
cloud_firestore^3.4.3
fluttertoast^8.0.7
animations^2.0.0
image^3.0.2
uuid^3.0.4
firebase_auth^3.6.2
firebase_core^1.3.0
image_picker^0.8.1+1
firebase_storage^10.3.4
path_provider^2.0.2
geolocator^9.0.1
geocoding^2.0.0
timeago^3.1.0
google_fonts^3.0.1
provider^6.0.3
image_cropper^3.0.0
shared_preferences^2.0.6
ionicons^0.2.1
loading_overlay^0.3.0
like_button^2.0.4
flutter_chat_bubble^2.0.0
permission_handler^10.1.0
story^0.8.0
story_view^0.14.0
flutter_testEntwicklung{"sdk":"flutter"}

Ranglisten

Production#84 Popular#269

Original-README

Englischer Projektschnappschuss. Aktuelle Inhalte auf GitHub.

Projekt-README ein-/ausklappen

🔥🔥 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
Stories/Status
Used Provider to manage state

Screenshots

https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w1.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w2.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w3.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w4.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w5.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w6.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w7.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w8.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w9.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w10.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w11.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w12.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w13.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w14.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w15.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w16.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w17.png https://raw.githubusercontent.com/CharlyKeleb/SocialMedia-App/HEAD/ss/w18.png

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

Google Auth Plugin
- https://pub.dartlang.org/packages/firebase_auth
Firestore Plugin
- https://pub.dartlang.org/packages/cloud_firestore

What's Next?

[] Video Calling
[] Reels
[] Sending and Uploading Videos(Video Compatibility)

Note

The stories feature is ready, you can write a cloud scheduler function to auto delete stories after 24hrs as cloud functions is not enabled in this project

🤓 Author(s)

Charly Keleb CharlyKeleb Twitter Follow

Success Charles ↗