Code Monkey home page Code Monkey logo

hanghub's Introduction

HangHub

HangHub is a team productivity tool that lets you see other users who are working on the same GitHub issue or pull request as you.

Once HangHub is installed by you and your teammates, it allows you to see whether the users are:

  • viewing πŸ‘€
  • commenting πŸ’¬
  • editing ✍
  • merging πŸ”€
  • idle πŸ’¨

You can enable/disable HangHub for a specific organization or a repository of your choice.

Animated presentation of how HangHub works

HangHub was created with ❀️ by CKEditor team. We created HangHub out of our own struggles with GitHub, spending time on the same issues without knowing our teammate was also doing the exact same thing. With HangHub we hope to save your and your teammates’ time and help your productivity!

Usage

After you and your teammates install HangHub, your team will see one another working on the same GitHub issues or pull requests.

Note: You are only able to see the users who have installed and enabled the extension, so make sure to share it with your collaborators to make the most out of it!

Use the official browser extension

HangHub is available as a browser extension in Chrome web store and Firefox Add-ons.

Build your own version

You are most welcome to modify the plugin and build your custom version. We will be happy to see pull requests with plugin enhancements, too!

1. Clone

git clone https://github.com/ckeditor/hanghub.git

2. Install and build

cd hanghub/frontend
npm i
npm run build

3. Add the plugin to Google Chrome

  • Navigate to chrome://extensions.
  • Switch on "Developer mode".
  • Click "Load unpacked".
  • Navigate to the the hanghub/frontend/build directory containing the extension code and submit.

4. Add the plugin to Mozilla Firefox

  • Navigate to about:debugging.
  • Click "Load Temporary Add-on...".
  • Navigate to the hanghub/frontend/build directory and open the manifest.json file.

Use your own server

HangHub backend is free to use. But if you feel better with your own backend server, you can also use it. Assuming that you have already cloned the HangHub project, you need to proceed as follows.

1. Install and build

cd hanghub/backend
npm i

2. Create and fill .env file

The backend configuration is loaded from .env file based on .env.example. You need to set:

  • DEFAULT_PORT
  • REDIS_HOST
  • REDIS_PORT

3. Deploy

Deploy the content of the backend directory to your server.

4. Change the SOCKET_URL

You now need to replace the SOCKET_URL in frontend/src/index.js and add it to the frontend/manifest.json file in the permissions array. After that, rebuild the frontend part of the project using npm run build.

License

Licensed under the terms of the MIT license. For full details about the license, please check the LICENSE.md file.

hanghub's People

Contributors

elszczepano avatar ma2ciek avatar dszczepaniak-cksource avatar annatomanek avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.