Flutter 2 - Chat App with backend firebase ( Notification , Badge, Send image , is read, Auth )

#Shorts #Flutter #Chatapp

Please comment on any questions! I will reply it as soon as possible :)

If you buy me a coffee, I really appreciate it 🙇🏻‍♂️🙇🏻‍♂️🙇🏻‍♂️😀

** To use it, you have to change your permission in the Database and Storage of the firebase.

Go to Firebase Console - Database - Rule. Change it this

rules_version = '2';
match /databases/{database}/documents {
match /{document=**} {
}
}
}

And change the permission in Storage

Go to Firebase Console - Storage - Rules.

rules_version = '2';
match /b/{bucket}/o {
match /{allPaths=**} {
}
}
}

Go to Firebase Console - Project settings - Cloud Messaging - Server key.

const String firebaseCloudserverToken = 'YOUR_FB_SERVER_KEY';

* Main features *

- Realtime chatting with chat date ( Don't need a refresh )
- Push Notification with Image( Background, Foreground )
- Check is Read Message
- Custom Local Notification design
- Badge count ( Show unread message count)
- Send an image and edit ( Crop image and it can expand the image)

The chat function is used in many apps. Flutter allows you to create iPhone and Android apps simultaneously. The main functions are push notification (background, foreground), Badge count, send an image, chat realtime. If you have any problems with my code or have any ideas to update, please leave a comment.

* Develop environment.

- Flutter SDK Version: 2.0.1
- Dart: 2.12.0
- Xcode Version: 12.4
- Android Studio: 4.1
- OS Version: MacOS Big Sur 11.2.3

[PhuNguyen-myun]

Hi, do you have a specific guide for this series? like step to step or sth. Because i don't understand anything. :(

[skyboom]

알림이 안오는데 혹시 추가로 설정해줘야 할게 있을까요? 저는 새 프로젝트 만들고 firebase project 생성, ios/android 앱생성(google-service.plist, google-service.json 파일 셋팅함) 후에 loyd님 lib 소스를 복사했고요. 위의 const.dart파일에 서버키도 넣어주었습니다. 현재 2개 디바이스 로그인 후에 대화하면 정상으로 되긴 하는데 앱 알림만 안되고 있는 상황입니다.

[LoydsLab]

I recommend watching it at 0.5 speed. Click ⚙️ ( at the right and bottom) button -> Playback speed -> 0.5

[ahmadzafar]

Have you Tested Github code of this app??

[HeladoDFresaMT]

Lastima que no tenga registro por numero de teléfono, seria muy top!