flutter_chat 2.1.0 icon indicating copy to clipboard operation
flutter_chat: ^2.1.0 copied to clipboard

Messaging app for Flutter android , iOS and flutter-web using firebase as backend services.

flutter_chat #

A Chat Helper for create chat application in Flutter using Firebase as backend services.

Checkout Android app Demo #

Checkout Web Demo #

Just Chat Web Demo

Support Development #

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 ☕️


Features: #

  1. 1-1 chat.
  2. Chat with only added friends(Privacy). New
  3. Share Pic with Gallery/Camera
  4. User online status
  5. Flutter web supported

Screenshots: #

login screen user screen chat screen

Getting Started #

  • Add this to your package's pubspec.yaml file:<br/> dependencies:<br/>flutter_chat

  • Add firebase in your android and ios project.

  • Security Rules for Storage:

    rules_version = '2'; service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { allow read, write: if request.auth != null; } } }

  • Security Rules for Cloud fireStore:

    service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if request.auth != null; } } }

  • You can modify the security rules as your need.

  • Deploy "Cloud Function" on firebase. (provided on cloudFunction folder, used for show user online/offline status).

  • Create a Stateful widget class and call the method in body (example can be found in Github repo),<br/> within initState():<br/> -> ChatData.init("app name",context); <br/> and in body of Widget build:<br/> -> ChatData.widgetWelcomeScreen(context)

Flutter Web #

  • If want to run Flutter-Chat project, on web Go to App, Firebase->Settings and then add new app, web Follow the instructions, Put the firebaseConfig script on index.html in web folder,

Enjoy Fluttering