divplane

The full project description is at https://costashapiro.com/works/announcing#2021-10-05

Looking for an expert frontend developer (or a team lead thereof) — at the level of lucidchart.com UI developers — for a long-term co-operation, this being the first task — including advance effort estimation and technology selection.

A major web page component (acting main element when in use) is required: “Unlimited (zooming) view/edit of unlimited element structure”. The goal is to attain smooth zooming and scrolling as well as simple content editing on a “seemingly” infinitely detailed page surface with the details (nested divs) loaded and stored via an API on the fly.

Data service API — for reference, not for implementation — is omitted (see above).

Major user interactions

start up
show the div contents via inserting them in DOM, after requesting them from the API with the given UUID

zoom in/out
manipulate DOM in an appropriate way, while requesting the API as needed
stop zooming in when no identifiable divs are completely visible
stop zooming out when the root div is completely visible

scroll x/y
manipulate DOM in an appropriate way, while requesting the API as needed
zoom out to keep at least one identifiable div completely visible
stop when zooming out stops

create id-div
whenever it is visually comfortable, provide tools to “draw” enclosing or empty divs, requesting the API as appropriate
an empty div is a draft div, should not be more than one at a time, and requesting the data service to add such a div is optional
an empty div must have an option to add content to it – with a pluggable “rich text” editor – or to add another empty div within its area
a “russian doll” of empty divs will be as disposable as a single one

mutate id-div
change location or dimensions, while requesting the API as appropriate
change contents of a content div – with the same rich text editor, while requesting the API as appropriate
remove container div – moving its contents to its parent, preserving geometry, while requesting the API as appropriate