Start building
Updates

LiveChat Dashboard

Konrad Kruk, Jan 30, 2017


About the project

LiveChat Dashboard is your go-to solution for visualization of the chat data. Since we know how important it is to monitor the quality of your customer service, we've gathered some feedback on the dashboard and updated the project.

The LiveChat Dashboard is implemented as a progressive web app, which means that it's:

  • fast,

  • secure,

  • available on mobile,

  • reliable (works offline by keeping the last seen data).

Screenshots

The home screen of LiveChat DashboardThe home screen of LiveChat DashboardLiveChat Dashboard for mobile devicesLiveChat Dashboard is now available for mobile devices

Technology stack

The LiveChat Dashboard interface has been built using React.

State management is uses Redux and all asynchronous components are neatly served by redux-saga.

Our stylesheet is encapsulated by React CSS Modules and all source code is bundled with Webpack.

We communicate with back-end services using Socket.io.

Changelog

  • January 31, 2017 Deployed fix for Tizen Web Browser (Samsung TV).

  • January 18, 2017 Working on issues with Tizen Web Browser (Samsung TV).

  • January 10, 2017 Deployed new application and architecture.

  • December 23, 2016 Working on responsive layout.

Future plans

  • Customization Making the dashboard customizable in terms of its contents and layout.

  • Realtime metrics API Releasing the Realtime metrics API.

  • Dashboard UI kit Publishing the dashboard UI React Components.

Resources


Latest articles

Article banner: How to Make Money Coding: Strategies for 2025

Apr 6, 2025

How to Make Money Coding: Strategies for 2025

Article banner: What Is GitHub Used For and How Can It Enhance Your Projects?

Apr 2, 2025

What Is GitHub Used For and How Can It Enhance Your Projects...

Article banner: What is the Hardest Programming Language to Learn in 2025?

Mar 15, 2025

What is the Hardest Programming Language to Learn in 2025?