Create a basic REACT front end

codeday-labs-2021 / Distributed_Nodeworks

REACT + Flask App for distributed computing workflows

0 stars 1 forks source link

Create a basic REACT front end #6

Open onlyjus opened 3 years ago

onlyjus commented 3 years ago

React a basic REACT front end that allows users to:

Create a new user account
Login
See a list of workflows that the user has access to
Open and visualize a test workflow

onlyjus commented 3 years ago

The node library we picked is: https://reactflow.dev/

Looks like the nodes require similar data to what is stored in the *.nc files: { id: '1', type: 'input', data: { label: 'Node 1' }, position: { x: 250, y: 5 } }

And the connections are similar too, but use the unique names of the nodes: { id: 'e1-2', type: 'straight', source: '1', target: '2', animated: true, label: 'edge label' }