xqua/teamchatviz repository overview

⁠Description

teamchatviz enables you to explore how your Slack team works:

channel heartbeat people land channel land frequent speakers messages & reactions emoji timeline Client app is built with React and JSPM. Vizualisations leverage react-vis and d3. Server is written in ES6+ using Koa 2 and Babel. PostgreSQL is used a database with the help of pg-promise.

Nota bene: #teamchatviz is not created by, affiliated with, or supported by Slack Technologies, Inc. Please comply with your applicable data protection and labour law regulations when using our tool.

⁠Project Page

See the project page moovel.github.io/teamchatviz for more infos, screenshots and a screenrecording.

⁠Online Demo

Online demo app under teamchatviz-demo.moovel.com (with fake Slack team data, generated with Faker.js).

Currently supported browsers: latest Chrome/Chromium, Firefox or Safari.

⁠Install

Go to api.slack.com/apps/new and create a new app. Go to the App Credentials tab of the newly created app to get client id and client secret. Specify the following Redirect URI for your Slack App in the OAuth & Permission tab: http:///api/auth/slack/callback

Create a directory (call it what you desire)

Create a file called "env" with this content, and replace the slack API keys with your own slack API keys.

   PORT=3333
   SLACK_CLIENT_ID="<client id of your slack app>"
   SLACK_CLIENT_SECRET="<slack app secret>"
   DATABASE_URL="postgres://teamchatviz:teamchatviz@localhost/teamchatviz"
   PUBLIC="false"
   ANONYMIZE="false"
   SESSION_SECRET="secret"

Create a Dockerfile

   FROM xqua/teamchatviz
   MAINTAINER Xqua
   
   COPY env /teamchatviz/.env
   RUN service postgresql start && cd /teamchatviz && npm run up
   EXPOSE 3333

   CMD service postgresql start && cd /teamchatviz && npm start

Create a docker-compose.yml (you can change the port from 80 to whatever you desire)

version: '2'
services:
  teamchatviz:
    build: .
    ports:
     - "0.0.0.0:80:3333"

run : docker-compose up