Project management application for Proggio

Features

  • Interactive timeline
  • Real-time collaboration
  • Rich drag and drop

Platform

  • Web

Technologies

  • React
  • NodeJS
  • Redux
  • SVG
  • WebSockets

Scope

3 people
25 weeks

Release

June 2017

Proggio develops a new approach to project management.

We've built Proggio's first project management application from ground up to deployment. It introduces project plan visualization and team collaboration, and improves planning, analyzing, tracking and controlling projects using their unique principles, guidelines, and processes.

www.proggio.com

Our people behind the project:
Shay Keinan
Liron Shmuel
Benor Biton
The infinite timeline that we implemented from scratch adapts its content and size according to zoom level.
Teams and areas in the sidebar can be reordered via drag and drop
Resizing the sidebar also reveals more options

All the activities on the timeline are movable and editable. If a dragged activity has another activity after it, or links to another activity from a different team, all the activities will move together:

The application always saves your state so you can undo and redo your actions and don’t mess stuff accidentally
One activity can push multiple others, so recursively figure out what activities to push. To make it efficient, we used Dijkstra’s algorithm to find relevant nodes in the timeline.

Since manipulating hundreds of DOM elements in real-time would be very slow, we decided to use SVG elements.

Entity properties can be edited in a properties panel

With real-time collaboration through WebSockets users can simultaneously edit timelines, and communicate with each other through built-in messaging system.

+1
Send
Share

More projects

Web, iOS and Android apps for Phytech React; React Native; Google Maps API; Web Workers;
Advanced analytics platform for ThetaRay AngularJS; Angular; MobX; RxJS; D3; SVG; AG Grid; HighCharts;
Moving planner for Unpakt AngularJS; Ruby on Rails; CoffeeScript;
Write us