Closed

Workflow Tree Diagram with ReactJS

Need to implement Workflow Diagram in my Web App

Use on MIT Opened-Sourced Technology Only something similar to:

[Preferred Look] React-Diagrams: [url removed, login to view]

JointJS: [url removed, login to view]

D3: [url removed, login to view]

React-D3: [url removed, login to view]

Preferred Technology Stack:

ReactJS, Javascript, Typescript

I want to be able to create a flow of nodes when a state array is updated

Example:

When a item as added to an Array, that item will be shown as a new node in the Diagram

Nodes will have multiple children.

A child can have more than 1 parent.

Should be Similar to Example Picture and should automatically have a generated X & Y position

Nodes should not be movable and evenly parallel spacing between each node.

Should have a control panel to zoom in and out of Diagram

Should have a search bar that is able to auto-focus node in the center of screen

Should have functions:

Add Node,

Remove Node,

Change color of Node,

Have Objects (Pictures) in Node

Expand and Unexpand Parent Nodes similar to [url removed, login to view]

Should have functionality to import all the data from JSON Format

Should have functionality to export all the data to JSON Format

Skills: Dthreejs, Javascript, node.js, React.js, Typescript

See more: react diagram library, react-diagrams demo, react-network-diagrams, react flowchart example, react flowchart library, react diagram component, react diagram editor, react-js-diagrams, web application tree diagram, draw file tree diagram family, panel control game server, javascript panel control php, game panel control, xml draw tree diagram structure using visio, css admin panel control

About the Employer:
( 0 reviews ) Berkeley, United States

Project ID: #15417126

20 freelancers are bidding on average $203 for this job

logicpowered

We are very interested in this project. I have read your above description and i think its well within our range to execute this is in a good time frame. Relevant Skills and Experience D3 / Javascript / node.JS Propo More

$277 USD in 10 days
(28 Reviews)
7.7
Yknox

Hi. As a experienced Ruby on Rails/[url removed, login to view] developer, I am very interested in your project. Relevant Skills and Experience I have rich experience about reactjs and especially I am very familiar with More

$247 USD in 3 days
(83 Reviews)
7.5
laxaar

Hi there, Thank you for sharing your requirement. We are a team of technocrats having 8+ years of experience in Web and Mobile design plus development. Talking about our expertise, we possess very good expertise More

$250 USD in 3 days
(16 Reviews)
5.7
hawkscodeaus

I have 7+ years in website design & development with very good experience. Relevant Skills and Experience I am good in Dthreejs, Javascript, node.js, React.js, Typescript Proposed Milestones $200 USD - Cost

$200 USD in 3 days
(29 Reviews)
6.1
bizviz318

Hi, I have read your job post and very interested to work in your project. I have good experience in D3.js and Javascript, and node.js, React.js, Typescript. Please contact me Thanks. Relevant Skills and Experience D More

$166 USD in 3 days
(24 Reviews)
5.8
kishanlalyadav

HI SIR I M 100% CONFIDENT FOR THIS PROJECT AWARD ME RIGHT NOW!!! I am ready to start this immediately. I am extremely eager and ready to go. Stay tuned, I'm still working on this proposal.

$332 USD in 5 days
(48 Reviews)
5.2
probal31

Hi, I am have 7 years of experience in Web Development and 4 years of experience in MEAN Stack. The current application I am developing is in REACTJS with REDUX. The application involves some CRUD operations thr More

$445 USD in 25 days
(13 Reviews)
4.9
mrinal981

Greetings! Have gone through the attached image file and sure, can assist you in developing a Workflow Tree diagram with React JS and adding all the functionalities that you have mentioned. Relevant Skills and Experie More

$233 USD in 3 days
(5 Reviews)
5.3
contriverz

I am Full stack developer having experience more than 5 years and my friend have good knowledge on java and Mq sql ,mongo db,javascript ,html and css,angular js ,react js Relevant Skills and Experience http://indybuil More

$277 USD in 5 days
(5 Reviews)
3.8
AntonBliznetc

You need create Workflow Diagram Based on React-Diagrams: [url removed, login to view] Relevant Skills and Experience I have exp use react and node.js Proposed Milestones $98 USD - Full complete More

$98 USD in 10 days
(4 Reviews)
1.2
$155 USD in 3 days
(1 Review)
1.2
$90 USD in 1 day
(1 Review)
1.0
whitehorsetechn

Greeting, I have understood your Workflow Tree Diagram with React JS task and can do it with your 100% satisfaction. Please ping me for more discussion. Relevant Skills and Experience I have more than 5 years of ex More

$140 USD in 3 days
(0 Reviews)
0.0
$155 USD in 3 days
(0 Reviews)
0.0
xcodetechnosys

Languages: HTML, PHP, CSS, Javascript, Ajax, Jquery, IOS, Android, Java. Frameworks: Wordpress, Codeigniter, Joomla, Laravel, Opencart. Database: MySQL, MySQLI, Access. Relevant Skills and Experience I have sample wor More

$133 USD in 3 days
(2 Reviews)
0.0
brevitysoftware

Hello There, I had a chance to go through your requirement of Expert React.JS developer skills with JavaScript, Node.JS to implement Workflow Diagram in your existing Web App, as you requested we are confident for More

$388 USD in 7 days
(0 Reviews)
0.0
kairen34

HI i am web developer and have rich experience in making chart using d3.js or [url removed, login to view] also i am good at reactjs , angularjs i can do your task in time and work for you as long term thanks Relevant Skills and Exp More

$77 USD in 4 days
(0 Reviews)
0.0
suhailflncr

Hi My name is Suhail. i am expert in ReactJS with more than 8 years of experience in the field. i have completed number of projects in ReactJS with 100% client satisfaction. I have gone through your project and i wi More

$100 USD in 3 days
(0 Reviews)
0.0
paritalamahi

A proposal has not yet been provided

$133 USD in 15 days
(0 Reviews)
0.0
rupaneeraj

I am a full-stack enthusiast having 10+ Years of development experience specializes in Node Js, Angular JS, ReactJS, [url removed, login to view], [url removed, login to view], [url removed, login to view], Meteor, Python. After studying mathematics as a university student, More

$155 USD in 3 days
(0 Reviews)
0.0