Code RoomPrompt for controlled React forms
EasyPrep Room Coding #4105

Prompt for controlled React forms

Vibe & agenticAlgorithms & data structuresEntry–Mid~12 min

You need a React + TypeScript multi-step signup form (email, password, profile) with client-side validation. Write the prompt you'd give an AI agent so it produces something you can actually merge — not a generic uncontrolled form. What context and constraints belong in the prompt?

Implement
signup_field_errors(email: str, password: str, display_name: str) → list[str]
Examples
in["ada@example.com","Str0ngPassphrase","Ada Lovelace"]out[]
in["ada.example.com","short1A","Ada"]out["email_invalid","password_too_short"]
in["ada@example.com","allsmallletters"," "]out["password_needs_digit","password_needs_upper","name_required"]
What a strong answer looks like

Treat the AI’s output as a draft to verify, not an answer to trust. Name the specific flaw and the input that triggers it, say how you’d catch it (tests, edge cases, reading critically), and how you’d re-prompt or decompose to get it right.

0:00 of about 12 min

Vibe & agentic: describe the solution in plain language (or narrate it) and the coach grades your approach.

Which questions mattered is sealed until you submit. Telling you now would just be handing over the edge cases.