Build a Query Builder UI
Build a visual SQL-like query builder with drag-drop conditions, grouping, and live query preview.
Requirements
Visual condition builder: field + operator + value rowsSupport operators: equals, not equals, contains, greater than, less than, between, inAND/OR grouping with nested condition groups (up to 3 levels deep)Drag-and-drop to reorder conditionsLive SQL preview that updates as you build the queryApply query to a sample dataset and show filtered resultsSave and load named queriesTechnical Notes
Model the query as a recursive tree. The sample dataset can be hardcoded JSON.
Bonus Points
Query validation (incompatible types, missing values)Export query as JSON filter objectShareable query URL