I have been working on a Group Chat app, that is based on existing Chat App Template (accessible through New App in Editor)
June 3, 2022 Cleaning up database, so all these versions can be accessed within free plan limitation. Showing other versions too. For the ultimate version, please private message to get access.
Here it is,
Older version,
Other versions,
The reason I am building this is to be integrated to existing apps, even though this can be as a whole app by itself.
Benefits of integrating Group Chat in your App :
More engagements, users are likely to use the app and doing conversations related to the content in the app using in-app Chat function
Recorded conversations, making it easy for users to communicate around past issues and can be used as learning tool for other users
Fair distribution of information, timely information dispersed to users will make them have equal opportunity to act accordingly
User generated contents are encouraged and can be leveraged for further enhancements of the app
More people linked to each other, more ideas will come up
The main features of this Group Chat App Template are Multiple Users Conversation, Group Admin and Blocking Users.
And using single Read Status, which does not accumulate to lots of records.
When first chatter is troubled with another chatter (second chatter), he/she can block that troubled chatter (second chatter) in the Conversation screen, by clicking menu icon (hamburger menu) and click Block Users.
In this Block Users screen, first chatter can also see other blocked users blocked by him/her, but second chatter will not know he/she is blocked by first chatter.
After clicking a person in the list of users and confirm OK in the modal screen, the profile picture of the blocked user will show a red stop icon, it means this person has successfully been blocked.
Blocked users will not know that they are blocked, so it will not provoke them for confrontation, there is no indication that they have been blocked by other users, such as first chatter, in the above example.
So, blocked users can still continue the conversation or start new chat to the persons that are blocking them, this is crucial in order to prevent conflicts.
Blocking users can span to multiple conversations, even though the process of blocking users are within conversation screen.
Other way to block users are in the profile screen, there is a button to Block Users and another button to Unblock Users.
First chatter that initiate first conversation to other chatter and then add another users in the conversation will become Admin and then can assign other chatter within the same conversation as Admin too.
An Admin can add other users or remove users in the conversation.
Admin is related to conversation and cannot be used to block users.
Show App Bar Picture Profile, because using new feature of App Bar which is background image, we need to use different profile picture that can be ratio of 16:9, because it is wider instead of circle.
First Chatter is Grand Golden (at the left), she wants to start new conversation to Hello Hola (at the right), she clicks + action button and choose Hello Hola and click OK
New Conversation screen come up and she can type message with it.
Second Chatter (Hello Hola) open new conversation and begin typing message too.
Click + Add button at bottom right corner,
Then choose who do you want to chat with, then click OK, this is like starting normal conversation
Now, click on menu icon, on the top right corner, so you can access additional menu, then click Add Users,
Add as many users as you want,
This action of Add Users make this conversation becomes Group Chat, after adding users you are presented to change the name of the group.
After making a conversation as Group Chat, more menus are shown, such as Add Admin, you can add members of this group chat as Admin, and this new Admin can add other users too, so more people can join.
