Flows category icon
Debugging
Beginner

Fix Broken Form Submission

Forms that validate, submit, persist, and recover: repair every broken form in your app end to end.

5 steps15 verify checks30-60 minutesWorks with: emergent · chatgpt · claude · cursor
Start Guided Walkthrough

The Route

0/5 verified

Context Pack

Paste this first. It briefs the AI on requirements, constraints, and the Definition of Done before your first build prompt.

Context Pack
PROJECT CONTEXT:
Forms in my app fail silently, lose data, never reach the backend, or show success without saving anything.

GOAL:
Every form validates properly, submits to a real endpoint, persists data, and handles failure without losing input.

REQUIREMENTS:
- Inventory of every form and its intended effect
- Working submission to real endpoints
- Client and server validation with inline errors
- Loading states and double-submit protection
- Failure handling that preserves user input

CONSTRAINTS:
- A success toast without persisted data is a bug
- Validation must exist on the server too

DEFINITION OF DONE:
- Every form's submission persists and survives refresh
- Invalid input is caught inline before submission
- Failures show visible errors with input intact
- No form double-submits

COMMON FAILURES TO AVOID:
- Submit handlers that never call the API
- Forms clearing on failure and losing user input
- Validation only on the client, bypassable via direct calls
- Success messages regardless of outcome

Paste this into your AI builder first. It teaches the AI what you want before you give it the build prompt.

Related routes

More Debugging flows that share ground with this one.

Flows category icon
Debugging

Fix App That Looks Good But Does Not Work

The systematic recovery flow for beautiful-but-broken AI builds: audit honestly, then fix by functional priority.

01Run a brutal functional audit
02Prioritize the fix order
03Fix the core value action

+3 more steps to Done

Best forbuilders who have shipped a basic app before

6 steps60-120 minutesIntermediate
Flows category icon
Debugging

Fix Broken Buttons

Hunt down every dead button in your AI-built app and wire each one to real, verified behavior.

01Inventory every interactive control
02Fix dead buttons
03Fix fake buttons

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps30-60 minutesBeginner
Flows category icon
Debugging

Add Database Persistence

Your app forgets everything on refresh: move state into a real database with working CRUD.

01Inventory unpersisted state
02Design models and endpoints
03Wire writes to the backend

+2 more steps to Done

Best foryour first pass at this - no prior setup assumed

5 steps45-75 minutesBeginner

Made with Emergent