No Code UI Builder

Create a No Code UI builder which will make it possible to create websites visually. It needs to be able to save the code, so that it can be built and served with a serverless web hosting.

Requirements

• Create Routes

  • have parameters which are passed to routes

• Create Pages

  • pages should map to routes

  • pages need to have parameters

  • each page needs to have actions which execute when

    • page loads

    • page is closed

  • Local state to define data

• Create Controls

  • controls need to be reusable

• Implement a Design System

  • change of design system changes the complete design of the website

• Global State

  • State needs to be reactive

  • Any change immediately visible on any control

  • Any control needs to be access any item from this state

• Global Functions

  • functions can be accessed from any control

• No Code Function Builder

  • Functions to execute code on the UI

  • Build using same builder as the API Builder

  • Access route parameters

  • Access global state

  • Access local state

• Generate Code with ChatGPT

• Import generated HTML