StaffChat
Type: Instant Messaging, Organizational, Internal, Communication
For: Citygate Global Investment
My Role: Sole Developer
Status:
Inactive
Screenshots
View on a PC or wider screen to see explanations of each screenshot displayed on the carousel.
Messages Section
Staff can view the most recent messages sent from or to them, along with the username of the other staff member in the chat
All Staff Section (Mobile Section)
Staff can select from the list, or search for other staff members to chat with. If they do not know the staff's name, they can search up their position or branch instead. Clicking a staff takes the user to a chat room for both.
Chat Room
Staff can chat with each other in a chat room private to both users. Messages are delivered and rendered instantly in the main chat area, and users can type in their message in the message box while pressing ENTER to send.
Group Chat Section
The list of groups the user is a member of is displayed here. Also, management-level staff can create a new group by clicking "Create New Group" and include staff members in those groups. The feature is not open to staff with lower levels. Clicking a staff takes the user to the group's chat room.
Login Page (Mobile)
Login page stylised to the company's branding.
Registration Page
Page for staff to register on StaffChat.
Description and Features
StaffChat was an instant messaging Progressive Web Application built to enable the hundreds of staff across the over 40 branch offices of Citygate Global, across the country to communicate in real time by chatting. Staff can chat with one another by searching up the name, position or branch name of the other staff member or participate in group chats. The application was developed to ease the burden on the mailing system by facilitating internal communication via the application.
Features included:
- Staff registration, as long as their names are already in the staff database (anyone else is automatically rejected.)
- Home screen that shows all messages received or sent by the user.
- Search feature for users to look up staff to chat with using their name, position or branch name.
- Group chats, only available to its members.
- Ability for users to create groups and include staff as members (feature available for management-level staff only).
- Push notifications
- Ability to switch chats from the current conversation to chat with other staff or groups.
Technologies Used
Front-end
- React
- CSS
Backend-end
- Python
- Django
- Django REST Framework
Database
- PostgreSQL
Tools and Frameworks
- VS Code
- Bootstrap
- Git
- Postman
Documentation and Diagrams
You'll have to download this.
Links
Live Application
I can't make a link available for this application.
This is either because:- It's company software
- The application is inactive (check the status at the top.)
Source Code
Other Works
