anthony nguyen

software engineer

Workflow Editor

The project is about building a workflow editor as part of Wult data service platform. Customers use this tool to build a customized workflow of data extraction. Then the core system extracts, parses and analyzes data according to that flow.

Each node can have input and output links to other nodes. They can be grouped, ungrouped, duplicated, deleted, moved across the viewport and etc using the tools on the toolbar.

I started it off using HTML5 Canvas, but then changed to use SVG to get the most power of React components.

Tools & Technologies The tech stack I was involved with.

  • React.js
  • Redux
  • Redux-saga
  • SVG
  • React-boilerplate
  • Styled-components
  • Ant Design