Slackly is a team messaging and collaboration tool built without code. It is similar to Slack, where users can create multiple teams and invite others to join them. Slackly also features channel and direct messaging with team users as well as a user profile page. This is a great template for tools built for inside use purpose, but could be used out of the box. For example, use as an app itself, or integrate it in a bigger project.
Channels which may represent groups are created bearing a
TeamName. A user may belong to more than one channel.
Every channel conversation belongs to a
Channel, may contain
Link, and also carry a
New message? and
This is a private conversation between a user and another. Contained here is the
Channel, possibly carrying a
New message?. This data structure also shows
Parties (list of users which is basically the
Picture (of users) and
Team (which they belong to).
Teams are identified by a
Users, and various
Channels the users belong to.
This contains the Name of the team, the user Name, and other details of the user.
The bio of the user is contained here such as
The index page is the landing page of this template. The simple and colorful page upon loading contains a sign-in card, signup button and social media links.
A user is able to create a new team on this page. Also visible on this page are teams the current user is signed in to. To create a new team requires just a name for the new team to be created.
A user's account is managed on this page. This includes editing profile, managing teams and messages. This page also makes use of custom states
this custom state is used for navigation in the Group Account. It carries values such as "profile", "teamman", "accountset", and "mesarch" when accessing group profile, and messages.
Popup Invite members
this custom state is used for inviting and adding users to a team
Popup remove user
this state is used to remove users from teams
A user can add more information to be displayed on his/her profile.
The channels and direct messages are viewed on this page.
Group Channel Conversation1
this is used to navigate in the channels
Group Direct ConversationFull
this state allows a user navigate through private messages
The footer contains social media links.
Signup / Login Popup
This element basically allows users to signup or/and login to the app.
Depending on the action to be taken, this state allows a user "signup" or "login" to the app.