Frontend: Vehicle / Fleet Registration Form

[johdanike]

Description
johdanike opened on Jun 1
Member
📁 Implementation Directory
components/fleet/VehicleRegistration.tsx

🎯 Goal
Allow fleet managers to add new delivery vehicles to their roster for smart contract assignment.

📋 Requirements

• Inputs for Vehicle Make, Model, License Plate, and Cargo Capacity (kg).
• Dropdown selector for Vehicle Type (Motorcycle, Van, Truck).
• Form validation to ensure no duplicate license plates (handled via API validation feedback).

🔧 Technical Scope
React Hook Form, Zod, Tailwind CSS

🌿 Branch
git checkout -b feat/vehicle-registration-form

✅ Acceptance Criteria

• Valid payload is correctly submitted to the API, and success toast is displayed on 201 response.
• Strict Layered Architecture: Implement using the Component -> Hook -> Service pattern
• Data Source: Response data must be retrieved from the backend API. No Inline Mock Objects
• Screenshot of all implementations must be included in PR
• AI-generated PR submissions are strictly disallowed
• Closes #[issue_id] with a work summary included in the PR body
• Note a default in any of this will result to issue not being closed nor merged

📌 PR Requirements

• ⚠️ Assignment is required before starting — comment to request assignment
• PR must comply fully with CONTRIBUTING.md
• AI Agent submissions are DISALLOWED and will be closed without review
• Upload a screenshot showing all unit tests passing or API response
• PR description must include: Closes #[issue_id] and a brief summary of work done

💬 Example Commit
feat(fleet): create vehicle registration form with validation

[Jess52487]

@Jess52487 has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Good day boss, I can work on this please assign me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Jess52487 to this issue.

[Agbeleshe]

@Agbeleshe has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi, I can handle this. I have experience building production-ready features and fixing complex issues, and I can deliver a maintainable solution that satisfies the acceptance criteria. Looking forward to contributing.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Agbeleshe to this issue.

[EzeanoroEbuka]

@EzeanoroEbuka has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I would love to work on this issue, in a giffy and it will be cleared out

ℹ️ Repo Maintainers: To accept this application, review their application or assign @EzeanoroEbuka to this issue.

[drips-wave]

Congratulations, @EzeanoroEbuka! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @EzeanoroEbuka: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊