Integrated Flows

This page describes the most common user flows when the three projects work together.

Create a Form Connected to a Table

1. Sign in to MainApp_DEMO.
2. Open DB Designer.
3. Create a base, for example Event registrations.
4. Create a table, for example Participants.
5. Add the required fields: name, email, company, notes, privacy_consent.
6. Return to MainApp_DEMO.
7. Open Form Builder.
8. Create a project or open an existing one.
9. Add a form to the page.
10. Connect the form fields to the expected data structure.
11. Save and test submission.
12. Reopen DB Designer and check that the row was created.

Create a Data Dashboard

1. Prepare data and tables in DB Designer.
2. Create a new dashboard page in the Builder.
3. Add cards, charts, record lists, or data grids.
4. Configure data components according to the available tables.
5. Use consistent colors, titles, and filters.
6. Check the dashboard in preview.

Open Builder from MainApp_DEMO

1. Sign in to MainApp_DEMO.
2. Check that Builder is visible in the sidebar.
3. Click Builder.
4. The system opens http://localhost:5174/bridge?init=1 in a new window.
5. Wait for the bridge to complete.
6. Enter the Builder dashboard.

First DB Designer Access Through Bridge

1. Sign in to MainApp_DEMO.
2. Open DB Designer.
3. The bridge transfers the user identity.
4. If the user does not yet exist in the data system, password setup is requested.
5. After saving, the system creates the user and opens the dashboard.

Why a password can be requested

DB Designer uses NocoDB as its data backend. First access can require creating the user even if you are already authenticated in MainApp_DEMO.

Recommended Sequence for a New Project

Phase	Tool	Result
1	MainApp_DEMO	Users, roles, and access ready
2	DB Designer	Bases and tables created
3	Form Builder	Pages and forms built
4	Form Builder	Preview and test
5	DB Designer	Collected data checked
6	MainApp_DEMO	Users and workspace monitored