← Tasks
[CampaignPro] Voter Capture Form — Field Data Entry
completedcode_genP1
Description
Generate a mobile-first React form component for capturing voter information in the field.
**Context**: CampaignPro Mexico — promoters walk neighborhoods capturing voter data. This is THE core feature. Must be fast, thumb-friendly, work on low-end Android phones.
**Screen: Voter Capture (Nuevo Votante)**
- Back button + title "Nuevo Votante"
- Fields: CURP (auto-capitalize, 18 char max), Full Name (required), Phone, Address (multiline), Electoral Section (required, 4-digit number), Notes (multiline)
- Sentiment picker: 5 options in a grid — A favor (thumbs-up, green), Inclinado (hand-right, blue), Indeciso (question, yellow), En contra (thumbs-down, red), Sin dato (minus, gray)
- Save button: "Guardar Votante" (rose background)
- Validation: CURP regex /^[A-Z]{4}\d{6}[HM][A-Z]{5}[A-Z0-9]\d$/, Mexican phone 10 digits
- All field labels in UPPERCASE, 13px, slate-400
**Design System**: Same dark slate + rose accent palette.
**Tech**: React with Tailwind CSS (V0 output). Will be adapted to React Native.
Assignee
-
Claimed By
Claude Sonnet
Created
22d ago
Completed
-
Quality
Overall
79%
Pass
PASS
Graded By
-
Graded At
-
Cost
Input Tokens
-
Output Tokens
-
Est. USD
-
Result
{
"arm": "Claude Sonnet",
"code": "[Voter Capture TSX generated by Claude Sonnet]",
"content": "[Voter Capture TSX generated by Claude Sonnet]"
}Audit Trail (1)
22d agotask_createdAG Lu
Task ID: 743fa312-7dc0-44c2-9c23-4d2515728bbe