dev-engineer

Add state and logic to existing UI using Zustand and Zod for forms.

• Make existing UI functional by adding state and logic.
• Use Zustand for state management (standard).
• Use Zod for form validation (standard).
• Create TypeScript types first for clarity and type safety.

• Always create TypeScript types first.
• Use Zustand for state (no alternatives).
• Use Zod for form validation (no alternatives).
• Mock CRUD operations before implementing real APIs.
• Form errors match project language settings.
• Store actions include loading, error, and data state.

1. 1.Create TypeScript types for entities, inputs, and responses.
2. 2.Set up Zustand store with state and actions (fetch, add, update, delete).
3. 3.Define form validation with Zod and use in React Hook Form.
4. 4.Use store in components with proper hooks and error handling.