Live Pre-Flight Checks & Inline Field Validation
Goal
Clear, actionable feedback on input mistakes without frustrating generic errors.
Work Packages
- Update ApiClient in api.ts to expose payload.errors on HTTP 422.
- Render inline error messages beneath offending input fields in TripFormCard.tsx.
- Add pre-flight validation banner (previous odometer match, end time > start time, no overlap with cached trips).
- Add positive validation indicators (e.g. green checkmarks on valid inputs, calculated trip distance).
-
100% Completed