1 page react.js interactive webapp with drag&drop,connect elements

Cerrado Publicado Mar 2, 2016 Pagado a la entrega
Cerrado Pagado a la entrega

This is a single page react.js app (SPA) supposed to work well on desktop browsers and touch screens like tablets & mobiles.

Please refer snapshots attached while going through this requirement.

There is fixed set of components displayed on left(side-panel), each component can be dragged one by one and dropped on the right side(workspace).

Each component has a one or more ports/slots(small black squares) through they connect to other.

The components auto-connect with each other based on proximity (closest distance) of ports on the components. Connections can be disconnected by double click/long press( or dragging to extreme left).

Connection is represented by a curve which adjusts its length and shape when components are repositions/dragged on the screen.

The right section of the screen containing the graph of components constructed by drag&drop (workspace) should have pan and zoom-in/out feature.

Each node has a state that can be set & modified by user through a menu on the right side of the workspace (snaps shows a minimized menu that can be rolled out).Example menu for wait. if and code are in snapshots.

We have implemented a similar project in react, so if it helps (good quality code)things like drag and drop and curve connections and zoom/pan can all be reused.

Note: This is not an easy project, Only confident js/react devs apply.

CSS HTML5 JavaScript React.js

Nº del proyecto: #9820658

Sobre el proyecto

4 propuestas Proyecto remoto Activo hace 7 años

4 freelancers están ofertando un promedio de ₹42485 por este trabajo

kchg

Hello. I am very interested from your project. I have enough skills for your project. I'm TOP 6TH freelancer as you can see my profile (https://www.freelancer.com/u/kchg.html). Kind Regards

₹51546 INR en 30 días
(202 comentarios)
8.7
DimaJedi

Hello. My core language is javascript and have much experience using React with different additional tools. Worked on several projects using it. Can get job done.

₹27777 INR en 20 días
(0 comentarios)
0.0