FLUTTER ECOSYSTEM

TheAlphamerc/flutter_twitter_clone

Fully functional Twitter clone built in flutter framework using Firebase realtime database and storage

View on GitHub ↗

Stars: 4.2K
Forks: 1.2K
Last push (UTC): Jul 31, 2024
Project status: Active

GITHUB User

Sonu Sharma ↗

Tech enthusiast | Building solutions | Team player | Looking for new opportunities

New Delhi, IndiaOfficial website ↗

LanguagesDartRubySwiftKotlinObjective-C

Technical topics

# twitter # twitter-clone # flutter-apps # social # flutter # flutter-app # social-app # firebase-auth # firebase-realtime-database # firebase-storage

Related packages and examples

v6.10.0

cloud_firestore

Flutter plugin for Cloud Firestore, a cloud-hosted, noSQL database with live synchronization and offline support on Android and iOS.

3.8KLikes 1.2M30-day downloads150Pub points

AndroidiOSWebmacOSWindows

v12.6.0

firebase_analytics

Flutter plugin for Google Analytics for Firebase, an app measurement solution that provides insight on app usage and user engagement on Android and iOS.

1.3KLikes 2M30-day downloads160Pub points

AndroidiOSWebmacOS

v6.7.0

firebase_auth

Flutter plugin for Firebase Auth, enabling authentication using passwords, phone numbers and identity providers like Google, Facebook and Twitter.

4.3KLikes 1.6M30-day downloads140Pub points

AndroidiOSWebmacOSWindows

v12.6.0

firebase_database

Flutter plugin for Firebase Database, a cloud-hosted NoSQL database with realtime data syncing across Android and iOS clients, and offline access.

650Likes 181K30-day downloads140Pub points

AndroidiOSWebmacOSWindows

v16.7.0

firebase_messaging

Flutter plugin for Firebase Cloud Messaging, a cross-platform messaging solution that lets you reliably deliver messages on Android and iOS.

4KLikes 3.4M30-day downloads160Pub points

AndroidiOSWebmacOS

v6.7.0

firebase_remote_config

Flutter plugin for Firebase Remote Config. Update your application look and feel and behavior without re-releasing.

655Likes 1.2M30-day downloads160Pub points

AndroidiOSWebmacOSWindows

v13.6.0

firebase_storage

Flutter plugin for Firebase Cloud Storage, a powerful, simple, and cost-effective object storage service for Android and iOS.

1.8KLikes 717K30-day downloads140Pub points

AndroidiOSWebmacOSWindows

v6.1.5+1

provider

A wrapper around InheritedWidget to make them easier to use and more reusable.

11KLikes 1.1M30-day downloads150Pub points

AndroidiOSWebmacOSWindowsLinux

v2.0.0

cupertino_icons

Default icons asset for Cupertino widgets based on Apple styled icons

1KLikes 5.7M30-day downloads160Pub points

AndroidiOSWebmacOSWindowsLinux

v9.0.0

google_fonts

A Flutter package to use fonts from fonts.google.com. Supports HTTP fetching, caching, and asset bundling.

6.5KLikes 3.1M30-day downloads160Pub points

AndroidiOSWebmacOSWindowsLinux

v7.2.0

google_sign_in

Flutter plugin for Google Sign-In, a secure authentication system for signing in with a Google account.

3.6KLikes 2M30-day downloads160Pub points

AndroidiOSWebmacOS

v1.2.3

image_picker

Flutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera.

7.8KLikes 4.6M30-day downloads160Pub points

AndroidiOSWebmacOSWindowsLinux

Dependencies used

Dependency list 31 items

flutter{"sdk":"flutter"}
cupertino_icons^1.0.3
dartz^0.10.0
get_it^7.2.0
freezed_annotation^2.0.3
cached_network_image^3.3.1
provider^6.0.1
firebase_auth^5.1.3
firebase_database^11.0.4
firebase_analytics^11.2.1
cloud_firestore^5.2.0
firebase_storage^12.1.2
equatable^2.0.3
image_picker^1.0.0
package_info_plus^8.0.1
shared_preferences^2.0.8
firebase_messaging^15.0.4
google_sign_in^6.1.2
intl^0.19.0
url_launcher^6.0.12
share_plus^10.0.0
google_fonts^6.2.1
firebase_remote_config^5.0.4
firebase_dynamic_links^6.0.4
qr_code_scanner^1.0.0
qr_flutter^4.1.0
rxdart^0.28.0
translator^1.0.0
testDevelopment^1.17.10
flutter_testDevelopment{"sdk":"flutter"}
flutter_launcher_iconsDevelopment^0.13.1

App categories

Social Networking

Rankings

Popular#65

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

Fwitter - Twitter clone in flutter GitHub stars GitHub forks

A working Twitter clone built in Flutter using Firebase auth,realtime,firestore database and storage.

Fwiiter Banner

Dart CI GitHub pull requests GitHub closed pull requests GitHub last commit GitHub issues Open Source Love

Awesome Flutter

Download App

https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png

Features

App features is mentioned at project section Click here
Messaging chat section status can be seen at here

:boom: Fwitter app now uses both firebase realtime and firestore database.:boom:

In branch firetore Fwitter uses Firestore database for app.
In branch Master and realtime_db Fwitter uses Firebase Realtime database for app.

Dependencies

Click to expand

Screenshots

Welcome Page	Login Page	Signup Page	Forgot Password Page
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Auth/screenshot_1.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Auth/screenshot_2.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Auth/screenshot_3.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Auth/screenshot_4.jpg?raw=true

Home Page Sidebaar	Home Page	Home Page	Home Page
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Home/screenshot_5.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Home/screenshot_2.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Home/screenshot_7.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Home/screenshot_6.jpg?raw=true

Compose Tweet Page	Reply To Tweet	Reply to Tweet	Compose Retweet with comment
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/CreateTweet/screenshot_1.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/CreateTweet/screenshot_2.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/CreateTweet/screenshot_4.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/CreateTweet/screenshot_3.jpg?raw=true

Tweet Detail Page	Tweet Thread	Nested Tweet Thread	Tweet options
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/TweetDetail/screenshot_3.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/TweetDetail/screenshot_4.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/TweetDetail/screenshot_1.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/TweetDetail/screenshot_2.jpg?raw=true

Notification Page	Notification Page	Notification Page	Notification Setting Page
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Notification/screenshot_1.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Notification/screenshot_2.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Notification/screenshot_3.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Notification/screenshot_4.jpg?raw=true

Profile Page	Profile Page	Profile Page	Profile Page
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Profile/screenshot_1.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Profile/screenshot_2.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Profile/screenshot_4.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Profile/screenshot_7.jpg?raw=true

Select User Page	Chat Page	Chat Users List	Conversation Info Page
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Chat/screenshot_1.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Chat/screenshot_2.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Chat/screenshot_3.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Chat/screenshot_4.jpg?raw=true

Search Page	Search Setting Page	Tweet Options - 1	Tweet Options - 2
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Search/screenshot_1.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Search/screenshot_2.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/TweetDetail/screenshot_5.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/TweetDetail/screenshot_6.jpg?raw=true

Setting Page	Account Setting Page	Privacy Setting Page	Privacy Settings Page
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_1.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_2.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_4.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_3.jpg?raw=true

Content Prefrences Page	Display Setting Page	Data Settings Page	Accessibility Settings
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_5.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_6.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_7.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_8.jpg?raw=true

Users who likes Tweet	About Setting Page	Licenses Settings	Settings
https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/TweetDetail/screenshot_7.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_9.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_10.jpg?raw=true	https://github.com/TheAlphamerc/flutter_twitter_clone/blob/master/screenshots/Settings/screenshot_81.jpg?raw=true

Getting started

Project setup instructions are given at Wiki section.

Directory Structure

Click to expand

|-- lib
|   |-- helper
|   |   |-- constant.dart
|   |   |-- customRoute.dart
|   |   |-- enum.dart
|   |   |-- routes.dart
|   |   |-- theme.dart
|   |   |-- utility.dart
|   |   '-- validator.dart
|   |-- main.dart
|   |-- model
|   |   |-- chatModel.dart
|   |   |-- feedModel.dart
|   |   |-- notificationModel.dart
|   |   '-- user.dart
|   |-- page
|   |   |-- Auth
|   |   |   |-- forgetPasswordPage.dart
|   |   |   |-- selectAuthMethod.dart
|   |   |   |-- signin.dart
|   |   |   |-- signup.dart
|   |   |   |-- verifyEmail.dart
|   |   |   '-- widget
|   |   |       '-- googleLoginButton.dart
|   |   |-- common
|   |   |   |-- sidebar.dart
|   |   |   |-- splash.dart
|   |   |   |-- usersListPage.dart
|   |   |   '-- widget
|   |   |       '-- userListWidget.dart
|   |   |-- feed
|   |   |   |-- composeTweet
|   |   |   |   |-- composeTweet.dart
|   |   |   |   |-- state
|   |   |   |   |   '-- composeTweetState.dart
|   |   |   |   '-- widget
|   |   |   |       |-- composeBottomIconWidget.dart
|   |   |   |       |-- composeTweetImage.dart
|   |   |   |       '-- widgetView.dart
|   |   |   |-- feedPage.dart
|   |   |   |-- feedPostDetail.dart
|   |   |   '-- imageViewPage.dart
|   |   |-- homePage.dart
|   |   |-- message
|   |   |   |-- chatListPage.dart
|   |   |   |-- chatScreenPage.dart
|   |   |   |-- conversationInformation
|   |   |   |   '-- conversationInformation.dart
|   |   |   '-- newMessagePage.dart
|   |   |-- notification
|   |   |   '-- notificationPage.dart
|   |   |-- profile
|   |   |   |-- EditProfilePage.dart
|   |   |   |-- follow
|   |   |   |   |-- followerListPage.dart
|   |   |   |   '-- followingListPage.dart
|   |   |   |-- profileImageView.dart
|   |   |   |-- profilePage.dart
|   |   |   '-- widgets
|   |   |       '-- tabPainter.dart
|   |   |-- search
|   |   |   '-- SearchPage.dart
|   |   '-- settings
|   |       |-- accountSettings
|   |       |   |-- about
|   |       |   |   '-- aboutTwitter.dart
|   |       |   |-- accessibility
|   |       |   |   '-- accessibility.dart
|   |       |   |-- accountSettingsPage.dart
|   |       |   |-- contentPrefrences
|   |       |   |   |-- contentPreference.dart
|   |       |   |   '-- trends
|   |       |   |       '-- trendsPage.dart
|   |       |   |-- dataUsage
|   |       |   |   '-- dataUsagePage.dart
|   |       |   |-- displaySettings
|   |       |   |   '-- displayAndSoundPage.dart
|   |       |   |-- notifications
|   |       |   |   '-- notificationPage.dart
|   |       |   |-- privacyAndSafety
|   |       |   |   |-- directMessage
|   |       |   |   |   '-- directMessage.dart
|   |       |   |   '-- privacyAndSafetyPage.dart
|   |       |   '-- proxy
|   |       |       '-- proxyPage.dart
|   |       |-- settingsAndPrivacyPage.dart
|   |       '-- widgets
|   |           |-- headerWidget.dart
|   |           |-- settingsAppbar.dart
|   |           '-- settingsRowWidget.dart
|   |-- state
|   |   |-- appState.dart
|   |   |-- authState.dart
|   |   |-- chats
|   |   |   '-- chatState.dart
|   |   |-- feedState.dart
|   |   |-- notificationState.dart
|   |   '-- searchState.dart
|   '-- widgets
|       |-- bottomMenuBar
|       |   |-- HalfPainter.dart
|       |   |-- bottomMenuBar.dart
|       |   '-- tabItem.dart
|       |-- customAppBar.dart
|       |-- customWidgets.dart
|       |-- newWidget
|       |   |-- customClipper.dart
|       |   |-- customLoader.dart
|       |   |-- customProgressbar.dart
|       |   |-- customUrlText.dart
|       |   |-- emptyList.dart
|       |   |-- rippleButton.dart
|       |   '-- title_text.dart
|       '-- tweet
|           |-- tweet.dart
|           '-- widgets
|               |-- parentTweet.dart
|               |-- retweetWidget.dart
|               |-- tweetBottomSheet.dart
|               |-- tweetIconsRow.dart
|               |-- tweetImage.dart
|               '-- unavailableTweet.dart
|-- pubspec.yaml

Contributing

If you wish to contribute a change to any of the existing feature or add new in this repo, please review our contribution guide, and send a pull request. I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request.

Created & Maintained By

Sonu Sharma (Twitter) (Youtube) (Insta) (Dev.to) Twitter Follow

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of :coffee:

PayPal

You can also nominate me for Github Star developer program https://stars.github.com/nominate

TheAlphamerc/flutter_twitter_clone

Sonu Sharma ↗

Technical topics

Related packages and examples

cloud_firestore

firebase_analytics

firebase_auth

firebase_database

firebase_messaging

firebase_remote_config

firebase_storage

provider

cupertino_icons

google_fonts

google_sign_in

image_picker

Dependencies used

App categories

Rankings

Original README

Fwitter - Twitter clone in flutter GitHub stars GitHub forks

Download App

Features

Dependencies

Screenshots

Getting started

Directory Structure

Contributing

Created & Maintained By

Contributors

Visitors Count