Gantt Chart Feature

[AEGIPPP]

Description

We need to implement a React Gantt chart to keep track of all projects and work packages.

Current Features

Literally nothing

Desired Additional Features

Minimum:

• Gantt Chart with all projects and work packages (fixed size)
  • Work packages are beneath projects and can be expanded or hidden by clicking the project (acts as a toggle)
  • Projects and WP's are ordered numerically

Bonus:

• On home page
• WP's user is working on/assigned are highlighted
  • Auto-expand said projects
  • Toggleable feature to auto expand/collapse all projects and WP's
• Stylish (pastels maybe?...use coolors.co for easy color palettes) <- easy on the eyes please, I'll be staring at it for more time than you think.
  • Show project completion percentage visually; percent of the project "filled in" by darker color
• Hovering over the chart highlights the column and row that you're in (preferably something like a light gray that's just for visual's sake)
  • On hover, pull up following information; End date/ deadline, Budget, Link, Duration
• Filtration by project buckets (Electric, Dynamic, Static)
• "Tooltip" when WP name is clicked on that displays critical information:

  Budget Spend Active CR's 3 most recent approved/implemented CR's Original Start, Original End Time, Updated End Time Clicking on the project name (that's in the "tooltip") redirects you to the WP's full page

*Note: Please build with the premise that the gantt chart can be made to be interactable in the future. Eg. drag the timeline of a WP and it'll automatically pop up a CR for you to start with the timeline impact already inputted

Example of a Gantt Chart:

Mock

[AEGIPPP]

Just tacking on something from last year that I found again. But being able to visually see how many times a WP has been delayed from the gantt would be huge. Sort of merges together with my other ticket.

[anthonybernardi]

on it