# Recipe: coded app and API workflow

> Build a small coded app backed by an API workflow, then run them together.

This recipe builds a small coded app with a form, backed by an API workflow that processes each submission. It shows how the interactive and integration pieces come together from a single conversation with your agent.

## Prerequisites

- The `uip` CLI and skills installed, and an authenticated session (see [Install and set up](install-and-set-up.md)).
- An empty working folder.

## Build the app and workflow

1. Open your coding agent in the empty folder.
2. Prompt it with the goal:

   "Create a coded app with a form to submit a new expense, and an API workflow that validates each submission and stores it in my expenses entity."

3. Review the two pieces the agent produces — the app and its form, and the API workflow that handles submissions.
4. Ask the agent to run the app and workflow.
5. Submit a test expense through the form.
6. Confirm the workflow stored the submission in your expenses entity.
7. Refine the form fields or the validation rules in conversation.

**Result:** a working coded app whose submissions are validated and stored by an API workflow.

:::note
The generated structure and commands depend on your agent and prompt. Use a successful end-to-end submission as your signal of success.
:::