Skip to content

ReactJS app of a Live Chat Support System for online businesses, to talk to the integratable popup chat pop-up head in businesses websites.

Notifications You must be signed in to change notification settings

Ahmad-Hamwi/sa3dni-dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Project

Sa3dni (spelled in Arabic as Help Me) is a Live Chat Support System Integration for online businesses, just like ZenDesk Messaging and LiveChat.

Project promo video

Here's a promotional video featuring the concept of the project and what could be offered by integrating a live chat support system into a business.

The Customer Support Dashboard

This repo is all about the web dashboard for customer support which will be servicing their customers through a live chat with them. The dashboard is built with a set of features will be found below.

Screenshots

  • Dashboard - Customer Support

dashboard

  • Integrating website - Customer

customer

Features

  • Agent invitation

Agent invitation Agent invigation

  • Agent Grouping

Agent Grouping

  • Live Chat with customers

dashboard

  • Role-based users (Agent, User, Owner)

Role-based users Role-based users

  • Chat closing

Chat closing

  • Chat transferring

  • Chat observing (for Owners and Admins)

  • Customer Service Performance Reporting

Customer Service Performance Reporting Customer Service Performance Reporting

Architecture

The dashboard adopted Clean Architecture principles in its early stages, but as the dashboard evolved with requirements, it appeared to be that its main resposibility is to present data without any special domain business logic, so the layer remained somewhat empty, and thus resulted in removing the layer eventually, and the dashboard kept operating on Presentation and Infrastructure layers.

  • Presentation Layer

The main responsibility of this layer is to handle presenting the data, providing good user experience, routing and navigation, animation, etc.

  • Infrastructure Layer

The main responsibility of this layer is to handle presenting async and streamed data to the presentation layer, and mainly interacting with RESTful APIs and a WebSocket using SocketIO.

About

ReactJS app of a Live Chat Support System for online businesses, to talk to the integratable popup chat pop-up head in businesses websites.

Resources

Stars

Watchers

Forks

Languages