Generate illustrated stories with GPT-4, DALL-E 3 and Firebase

# n8n Form Trigger with HTTP Request and Code

This n8n workflow demonstrates a basic setup for triggering an action via an n8n form, performing an HTTP request, and then responding to the initial webhook. It includes a `Code` node for custom logic and a `Sticky Note` for documentation within the workflow.

## What it does

This workflow automates the following steps:

1.  **Listens for Form Submissions**: It starts when a user submits data through an n8n-generated form.
2.  **Executes Custom Code**: A `Code` node is included, allowing for custom JavaScript logic to be run on the incoming form data. This is a placeholder for any data manipulation, validation, or transformation needed.
3.  **Makes an HTTP Request**: It then performs an HTTP request. This node is generic and can be configured to interact with any external API or service (e.g., sending data to a database, triggering another service).
4.  **Responds to the Webhook**: Finally, it sends a response back to the original form submission, indicating the completion or status of the workflow execution.
5.  **Internal Documentation**: A `Sticky Note` provides a place for in-workflow comments or instructions.

## Prerequisites/Requirements

*   **n8n Instance**: An active n8n instance where you can import and run workflows.
*   **Basic JavaScript Knowledge (Optional)**: For customizing the `Code` node.
*   **API Endpoint (Optional)**: If you intend to use the `HTTP Request` node to interact with an external service, you will need the URL and any necessary authentication details for that service.

## Setup/Usage

1.  **Import the Workflow**:
    *   Copy the provided JSON code.
    *   In your n8n instance, go to "Workflows" and click "New".
    *   Click on the "Import from JSON" button (usually found in the top right or within the workflow canvas context menu).
    *   Paste the JSON and click "Import".
2.  **Configure the Form Trigger**:
    *   Open the "On form submission" node.
    *   Define the fields you expect in your form (e.g., text inputs, numbers).
    *   Activate the workflow to generate a public URL for your form.
3.  **Customize the Code Node (Optional)**:
    *   Open the "Code" node.
    *   Modify the JavaScript code within the node to perform any specific data processing or logic you require based on the form submission.
4.  **Configure the HTTP Request Node (Optional)**:
    *   Open the "HTTP Request" node.
    *   Set the `URL`, `Method` (e.g., POST, GET), `Headers`, and `Body` according to the API you wish to call. You can use expressions to dynamically insert data from previous nodes (e.g., `{{ $json.formField }}`).
5.  **Configure the Respond to Webhook Node (Optional)**:
    *   Open the "Respond to Webhook" node.
    *   Customize the `Response Mode` and `Response Data` to send a meaningful message back to the user who submitted the form.
6.  **Activate the Workflow**:
    *   Click the "Activate" toggle in the top right corner of the n8n editor to make the workflow live.
7.  **Use the Form**:
    *   Access the generated form URL (from the "On form submission" node) in your browser.
    *   Fill out and submit the form to trigger the workflow.

This workflow provides a flexible foundation for building form-driven automations that interact with external services and execute custom logic.