Frontend Reactjs flow editing application

Build frontend application (Reactjs required) to design data flows and produce a yaml model in output (syntax will be provided). The screen will be divided in three areas, left is components panel (list should be extendible with new components like plugins and list can be searched/filtered), in the middle is design area where you can drag and drop components from left panel and link them together with edges (arrows). right panel should contain three tabs: components properties + source code, info panel describing the components and a console panel where execution messages should be displayed. on the top we find a button to launch the flow, another to debug the flow and a third to save changes (+ a toggle also for auto save). the central panel should have zoom in and zoom out with adjust layout buttons. (see attached image). the application saves the flow in yaml model and can open any existing model in yaml format (yaml syntax will be provided). Note: no proprietary framework should be used