We aimed to develop a system that could visually edit websites while still producing clean, maintainable source code. Another key goal was to simplify the UI design workflow by reducing the gap between visual editing and code generation.
How
To achieve a high degree of flexibility, we designed a custom virtual DOM to manage all elements and components within the website. On top of this foundation, we implemented multiple editors, including a visual editor, at higher abstraction layer. At the lowest layer, the system generates source code based on virtual DOM structure.
What
We built a working prototype to validate the concept, though it was not yet production-ready. Future improvements include:
● Developing more advanced visual editing modules
● Improving compatible with modern web development frameworks
