Amoga Pages — Drag-and-drop UI Builder

Amoga Pages is a drag-and-drop page builder for Amoga's low-code platform. The interface has three zones: a left-side widget palette, a center canvas where users build the layout, and a configuration panel that opens when you click any widget on the canvas. I architected it from scratch and it became the foundation every other product module was built on.

• Built the left-side widget palette — a library of primitives (tables, forms, charts, KPIs, filters) that users drag onto the canvas.
• Built the center canvas — a grid-based drop area where users position, resize, and reorder widgets with live preview of the resulting layout.
• Built the widget configuration panel — opens on click, lets users define: how the widget looks (styles, theme), what data it shows (source binding), how data is fetched (API / static / context), and how it is rendered (column config, formatters, conditionals).
• Built the conditional rendering engine — users define visibility and behavior rules per widget (what you see, when you see it, how it responds) entirely without code.
• Designed the JSON serialization format for page configs — expressive enough for complex layouts, forward-compatible for schema evolution across releases.

• → Reduced UI configuration effort by 70–80% — non-engineers now build complete pages without involving frontend developers.
• → Became the foundation layer every other product module in the Amoga platform was built on.
• → Enabled the company to expand into CRM, ERP, and workflow automation verticals from a single shared UI system.