Demo

By extending GrapesJS, an open-source website builder, we create a website builder with our proposed solutions:

1. Frontend UI Generation
2. Plugins-of-Plugins Systems
3. HTML Importation System
4. Automated Documentation Generation

Frontend UI Generation from Full Design

Frontend UI Generation from Partial Sketch

Plugins-of-plugins System

HTML Importation System

HTML Exportation System (Show Source Code)

Automated Documentation Generation

By using FastAPI, we have automatically generated OpenAPI documentation that can be accessed through the route “/docs” in the server. This generation is possible as FastAPI is based on the OpenAPI specification.