react-issue-ganttchart icon indicating copy to clipboard operation
react-issue-ganttchart copied to clipboard

Ganttchart for GitHub/GitLab issues.

Gitpod ready-to-code

react-issue-ganttchart

This is a single page application created with React to display github.com / gitlab.com / self-host.gitlab.com issues as a Gantt chart.
No backend is required, and the token is stored in a cookie.

Demo

demo

https://lamact.github.io/react-issue-ganttchart/?giturl=https%3A%2F%2Fgithub.com%2Flamact%2Freact-issue-ganttchart&labels=

It is required your Personal Access Token. See below.

Why use react-issue-ganttchart?

  • Only need to access GitHub/GitLab from a browser to use it, because you only need to hit the REST API against GitHub/GitLab.

  • Can be filtered by asignee and label to show dependencies.

  • Filter conditons are stored in URL parameters, so you can bookmark and save the same filter conditons.

  • Issues can be sorted by start date and expiration date.

  • Can be used on self-hosted GitLab servers.

Requirements

  • Your Repository's Path (github.com / gitlab.com / self-host.gitlab.com)
    ex) https://github.com/lamact/react-issue-ganttchart

  • Personal Access Token:
    GitHub: https://github.com/settings/tokens/new Scopes: repo, write:discussion, read:org
    GitLab: https://gitlab.com/-/profile/personal_access_tokens

How to start on your server

  • clone the repository or download files
  • install dependencies (nodejs >= 16.10.0)
yarn install
  • run server
yarn start
  • build and deploy for Pages
yarn deploy

Check List

Domain function Result
github.com Public Issues (List&Update)
github.com Private Issues (List&Update)
gitlab.com Public Issues (List&Update)
gitlab.com Private Issues (List&Update)
gitlab.selfhost.com Public Issues (List&Update) -
gitlab.selfhost.com Private Issues (List&Update) -

We do not test in self-hosted GitLab every time. If you find any problems, please let us know in an Issue.